I have made a Web site as a favour for a someone. The general code will likely disappoint but it’s been done this way as it has to work on some niche, legacy technology.
Anyway, it works well enough, except we’ve discovered an issue with the menu. You can drag and resize the window on a Windows or MacOS desktop computer and it works as desired, switching to the ubiquitous three-bar mobile menu when the window gets small enough. However, it doesn’t work at all on either my iPad or Android phone. This kind of navigation is new to me as I took a multi-year break from Web development, so I may be missing something laughably obvious.
Any ideas?
The development site is at: http://rcomp.michaelstubbs.uk
The CSS is in this file:
https://rcomp.michaelstubbs.uk/stylesheet.css
The navigation code included on each page is in this text file:
https://rcomp.michaelstubbs.uk/titlebar.txt
I was going to paste in only the relevant code but it occurred to me that maybe there’s something I don’t think is relevant but is, so just linked to the files instead.