Archived topic
Spacing on Menu Button
6 replies · Started by Kevin Wabiszewski on September 27, 2022
Hello, I have a weird thing going on with spacing on the menu button on mobile devices.
You can see the issue here - https://paste.pics/e7c4febcf20aa0011fb629a7dd3a7ce7
I just want the word menu to be to the right of the hamburger icon. But for some reason now it is beneath it and there is a large space.
Any idea why this might be happening?
Hi Kevin,
Can you share the link to the site in question?
You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Hey Fernando, the website is homerungifts.com It's interesting because I have five websites that all use Generate Press with the same setup, but it's not happening with any others. The settings within layout > primary navigation are the same for all of them. I think the problem might also only be happening on iPhones, but I'm not sure. But it's just weird because I have the same setup for all of my sites, and it's the only one that seems to be putting the hamburger icon word menu and the search button on different lines.
If I remove the Mobile Menu Label it fixes the problem but I'd like to keep it.
Thank you for clarifying. Just tested on my end and it's not occurring. I also tested on my personal phone and no issues there as well.
What specific iPhone are you using?
That's interesting. It looks good on all the tester tools I've checked too. I have the iPhone 13s. I have cleared my cache/cookies but it still looks like how it is in the screenshot I sent.
I can't seem to replicate the issue on a iPhone 13 mini: https://share.getcloudapp.com/eDu7RKEP
Did you change the default text size of your phone?