Archived topic
Prevent primary menu from collapse on mobile/tablet?
5 replies · Started by qhraqhra on February 25, 2022
Currently the top nav collapses into an icon, would like to show my top nav elements.
FYI I already tried the solution suggested here by adding the relevant CSS (in Additional CSS) and PHP (via Code Snippets), but it didn't work and my menu still is collapsed on mobile: https://generatepress.com/forums/topic/possible-to-not-turn-nav-bar-into-a-button-on-mobile/#post-120858
Hi Qhraqhra,
To prevent the Primary Navigation from collapsing on mobile, can you try setting the Mobile Menu Breakpoint for the Primary Navigation to 0? You can do this by going to Appearance > Customize > Layout > Primary Navigation.
See: https://share.getcloudapp.com/WnuqoWoK
Kindly let us know how it goes. :)
Oh great, works, lots easier than what I found. Thanks! Is there a way to reduce space between individual clickable links in the top nav, though?
That would also be possible through Appearance > Customize > Layout > Primary Navigation.
Kindly see: https://share.getcloudapp.com/8LupXWBg
Also see: https://share.getcloudapp.com/d5uNZQBj
As shown here, you may also select mobile view, and set the specific height or width to apply there.
Hope this helps! :)
Great thanks!
You’re welcome Qhraqhra! Glad to be of assistance! Feel free to reach out anytime if you’ll need assistance with anything else. :)
