Archived topic
Nav on Tablet and Ipad Landscape
3 replies · Started by David Sims on October 21, 2020
I have just converted an ecommerce site from D**i
Went pretty well but there is one issue with the Nav bar you can see when clicking the tablet icon in the customeiser or in real life on an Ipad 3 in landscape mode
The Nav takes up 3 lines
Hi there,
what would be the preferred option when the screen is not wide enough to accommodate the logo and nav in one line?
Simple option is setting the navigation drop point to 1024px - the nav will then fall below the logo:
https://docs.generatepress.com/article/navigation-drop-point/
Other options are to set the Mobile Menu Breakpoint to a higher value:
And the remaining options is to reduce some of the Menu Item spacing / font sizes or the logo itself.
Let me know.
I had considered something like that but there is room for the basket icon on the 2nd row
The cart icon ( and any menu bar items eg. search ) sits outside of the Navigation container. Which is why drops to its own line and cannot be floated to the right of the last menu item when the menu wraps to new lines.
Wouldn't the Navigation Drop Point be a better solution as it would keep the menu inline across that smaller screen size ?
