Mobile / tablet menus wider than screen, unreadable
-
I’ve gotten to the point where my website is almost ready to publish. Big problem though: the mobile and tablet menus are wider than the screen and aligned left (so the menu can’t be accessed on mobiles and only a handful of letters of some of the menu options are visible on a tablet).
I’m using a twenty twenty child theme. I’ve uploaded my child theme code to Google Drive (because I couldn’t figure out how to get Gist to work) – I’m a total noob so it’s highly likely that there’s something in here that’s causing my problem, I just can’t figure out what it is (or, therefore, how to fix it).
Please feel free to let me know if there’s anyway to clean the theme code up, too. There’s been an awful lot of cut and pasting from online sources / trial and error to get things to look sort of okay.
-
Mmmkay, so I tried reverting to twentytwenty (instead of using my child theme) and noticed the same issue (even after clearing cache). This is what I see (screenshotted from the customisation screen, though representative of what I see when I access the website via my mobile):
Mobile
Tablet
Ideally, I’d like to learn how to move the menu to the right of the screens or just simply position the menu items above the social menu so that they are visible. Any help would be most appreciated.
- The topic ‘Mobile / tablet menus wider than screen, unreadable’ is closed to new replies.
