secondary menu is hidden in mobile

Hi there,

you have this CSS in your Child Theme:

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

Hello David,

Thanks for answering.

I don't have this CSS.

Regards,

Can you flush and disable the cache plugins including autoptimize so i can see where it is coming from

Ready, plugin disabled

The max-mega menu plugin is applying this CSS which removes the mobile toggle:

body.mega-menu-primary button.menu-toggle {
    display: none;
}

Do you want the mobile toggle displayed or the horizontal nav?

Hello David,

Where is that CSS code, I can't find it.

In fact, the secondary menu does not have Mega Menu activated.

Perform a test and activate the Mega Menu for the secondary menu and if it is shown on the mobile as such.

My experience in this is limited.

I want to release the toggle menu on the mobile.

Thank you,

Greetings from Mexico

The CSS is coming from the plugin - its not specific enough to target just the primary nav. Use this CSS to override that:

@media(max-width: 768px) {
    body.mega-menu-primary .secondary-navigation .menu-toggle {
        display: block;
    }
}

Excellent, it is solved.

I included the CSS in the theme customization http://prntscr.com/pnm9iu

It's very weird, I have other sites with the same add-ons and GeneratePress Pro and I hadn't had this problem.

Thank you very much David, wonderful and fast support.

Regards,

I close the topic.

You're welcome