Archived topic

Fixing mobile navigation issues

1 reply · Started by gbreton on November 8, 2017

Viewing posts 1–2 of 2

November 8, 2017 at 11:43 am #418722

Hey Tom, I'm working on a staging site

And I'm using the Max Mega Menu plugin because I'm planning some extended navigation on that site but I have a few issues with the way navigation shows on mobile.

Here's what I'd like to achieve:

- Not show the primary navigation on mobile (only on desktop and tablets)
- Not show the default GP navigation on mobile
- Show the Max mega menu navigation on mobile

Can you assist with this?

November 8, 2017 at 5:52 pm #419022

Hi there,

Looks like the Max mega menu is already shown in mobile?

If so you should just need to do this:

@media (max-width: 768px) {
    .menu-logo .main-navigation:not(.mobile-header-navigation) .menu-toggle,
    .secondary-navigation .menu-toggle {
        display: none;
    }
}

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

This archived topic is closed to new replies.

Start building better websites today.