Archived topic
Make mobile menu vertical OR push content down when it opens down
3 replies · Started by Daniel on February 25, 2023
I'm using the Geek theme and have made my header shorter, which means that the vertical menu opens over my content on mobile (stage.originsofwhiteness.com). How can I either:
- Make the vertical menu push the content down so that it isn't covered or
- Make the menu horizontal?
-
Thanks
Hi there,
you can't get the Push down with the Merged Page hero, that would have to be disabled.
But you can keep the desktop menu:
Go to Customizer > Layout > Primary Navigation, and set the Mobile Breakpoint to 0 so it never kicks in.
Then you may need to reduce the Menu Item width, for Mobile, or adjust the Customizer > Typography settings for the menu so as it fits one one line.
Worst case it may need some CSS to tidy it up - let me know
Yes, I think that'll work. It'll take some CSS tweakage. Since I've got a different header on two other pages, I am using a secondary navigation on those. It is able to push content down and also utilizes the toggle menu function. I assume I'll need to use css to disable that. Then I can adjust it's horizontal spacing to mimic the primary menu. Let's call this resolved, and I'll open up a new topic if necessary. Thank you.
Ok, glad to be of help