[Resolved] Make mobile menu vertical OR push content down when it opens down

[Daniel]

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

[David]

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

[Daniel]

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.

[David]

Ok, glad to be of help

[Author]

Posts