Archived topic
Menu is too long
5 replies · Started by NIck on January 6, 2022
Hi, my dropdown menu ends up being longer than the browser height and I cannot see the bottom links.
Suggestions?
Hi Nick,
The bottom links are actually still accessible if you swipe up. The menu panel is set to overflow scroll so the exceeding content can be swiped into view as shown on a debugging test here (android phone - chrome) - https://share.getcloudapp.com/d5uNeDw6
That said, I'm not exactly sure what's the preference here, but if I may suggest.
I'd re-consider the grouping of the sub-menu items. It may be better to have another menu item and place some of the sub menu items under "hire" on a newly created menu item. :D
Hey Elvin,
Yes, correct. For mobile it is fine and scrolls. Just for desktop the menu seems to go past the bottom of the page height.... if that makes sense ?
I did have a mega menu set up with a plugin (Max Mega Menu) but it seemed to conflict with the theme or other plugins and cause issues with pages. Attempted the GeneratePress mega menu with css, but the submenus were open all the time.
Ideally I would have more submenus to shorten it but they all are their own categories really from the clients words. Might look at grouping.
Cheers,
Yes, correct. For mobile it is fine and scrolls. Just for desktop the menu seems to go past the bottom of the page height…. if that makes sense ?
Ah yes, I see what you mean w/ smaller resolution screens that aren't mobile.
In this case, you really have to chunk it on separate groupings so the list doesn't get too long. :)
Yep, makes sense.
Thanks very much.
To add, you can try doing some sort of mega menu that makes columns off of the submenu items.
See our documentation about it here - https://docs.generatepress.com/article/building-simple-mega-menu/