[Resolved] Disable Primary Mobile Menu only (keep Secondary mobile menu)

[Trisha Cupra]

Can the Primary Mobile Menu be disabled yet the Secondary Mobile Menu be enabled? I’m looking for something like this: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/ but for the Primary menu instead.

I don’t want to just hide the Primary menu on mobile. I’d like it to display the menu normally, as it only has two small links.

Thanks.

[Leo]

Hi Trisha,

Try this CSS to hide primary navigation on mobile:

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

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

Let me know.

[Tom]

Hi Trish,

It might be easier to simply switch the functionality between the primary and secondary menu.

They have identical options, so you style them to look like each other.

That way, your “Secondary” menu can look and act like your primary menu (no mobile menu), and your “Primary” menu can look and act like your Secondary menu, with the mobile menu.

Let me know if that works for you or not 🙂

[Author]

Posts