[Resolved] Disable Primary Menu on Mobile in Landscape Mode

[Antonette]

Hi, I am trying to get the primary menu to stop showing up on mobile in landscape mode and only show the secondary menu. The site is http://wellnessbusinessservices.com/. I’ve tried the css from https://generatepress.com/forums/topic/hide-mobile-menu-primary-navigation/ and https://generatepress.com/forums/topic/disable-mobile-menu-for-primary-menu-only/ but it didn’t work for me. Help!

[Leo]

Hi there,

Just to confirm, you want to hide the primary menu toggle on mobile landscape mode only?

That is quite difficult to do as mobile screens has different sizes.

Any reason you are doing this? Just wondering if there is a better way.

Let me know 🙂

[Antonette]

I am trying to hide the primary menu entirely on mobile and only show the secondary menu. Right now the primary is not showing on mobile when it is vertical, but when I turn it to landscape it shows up with the secondary menu under it. Maybe I set it up wrong and there is an easier way to do this but I’m not seeing it.

[Leo]

Yeah mobile landscape mode is hard to handled as screens have different sizes.

You can try this though:

@media (max-width: 900px) {
    .main-navigation {
        display: none;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Antonette]

It worked! Thank you so much!

[Leo]

No problem 🙂

[Author]

Posts