Menu breaking into two lines

Posted in: Newspaper
Post count: 29
jim-2
#492316
Nov 14, 2023 at 10:32 am

If my site is viewed at certain resolutions, say landscape on an iphone, my menu breaks into two rows. It looks awful.

How can I fix it so this never happens? Show all of the menu items when there is enough screen space and when there is no room to show all of them, switch to a mobile menu.

Thanks

  • This topic was modified 2 years by jim-2.
Post count: 21065
Bettina
#492349
Nov 14, 2023 at 1:40 pm

Hello!

I recommend using this element from the tagdiv Composer: https://prnt.sc/94_ZOBOMe7Su
Also, you can use this option as well: https://prnt.sc/7Zxm1z7YelXL

Thank you!

Post count: 29
jim-2
#492350
Nov 14, 2023 at 1:52 pm

Thanks But if I change the menu to the mobile menu it shows that on the desktop as well.

How can I show the full menu on wide screens and the mobile menu on small screens

Post count: 21065
Bettina
#492458
Nov 15, 2023 at 11:27 am

Hello!

If you add the mobile menu to these viewports: https://prnt.sc/asgN1HJ4OVm3, then it won’t appear on the other previous viewports. If you add it also on the second viewport, then you can hide the element on desktop from the CSS tab: https://prnt.sc/N-__iflIt9po

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.