Archived topic
Primary navigation font size on horizontal mobile view
8 replies · Started by Duncan on March 5, 2021
Hi
Looking for some assistance.
I'm happy with the layout of my site. However, when viewing the site on mobile horizontal view, the menu is displaying over two lines and not one line as on desktop and tablet.
Hopefully this makes sense.
Any help would be much appreciated.
Thanks in advance.
Hi there,
Not sure if I fully understand.
This is what I'm seeing using the Chrome browser simulator:
https://www.screencast.com/t/jxfuXGjlqkd
Is that not what you are seeing?
Hi Leo
Thanks for your response.
That's what I'm seeing on mobile vertical view, but if you tilt to mobile horizontal view you'll notice the menu is displaying over two lines, and not one line, as on desktop and tablet.
Thanks
Not sure if I understand.
The screenshot was taken using the horizontal view which is also known as landscape view:
https://en.wikipedia.org/wiki/Page_orientation
Are you actually referring to vertical/portrait view?
Hi Leo
Thanks again for getting back to me.
Apologies about the confusion, I am referring to landscape / horizontal view.
Here's a link to what I'm seeing: https://ibb.co/RNxVDvY
Thanks
Increasing the mobile menu breakpoint is likely the best solution:
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width
Thanks Leo
Fixed now
No problem :)