[Resolved] Menu display in mobile – turn off/on?

[Norman]

Hello,

I’m wondering if there is a way to either rename or at least remove the top “menu” display for this mobile preview?

I do have the Secondary nav activated so I’m sure that’s what that is for, but is there any way to tidy this up for mobile?

[Leo]

Hi there,

Just to make sure, you want to remove the secondary navigation on mobile?

If so this CSS should do it:

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

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

Let me know if this helps 🙂

[Norman]

Hi,

Actually, I want to remove the primary navigation as I’m using ubermenu for that.

[Leo]

Try this instead:

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

[Norman]

Hi Leo,

That works great.

Is there a way to change the name of “MENU” that shows for both menus on mobile?

In other words, have one called “Member Menu”

The other, “Main Menu”

[Norman]

[Leo]

This should help:
https://docs.generatepress.com/article/secondary-mobile-menu-label/

[Norman]

Very helpful. Thanks again.

[Leo]

No problem 🙂

[Author]

Posts