[Resolved] secondary menu is hidden in mobile

[Victor Valladolid]

for some reason and only on the mobile, the secondary menu does not appear.

I have searched for personalization and help topics, I have not found any solution.

Will you have any idea what happens?

Gracias,

Saludos desde México

[David]

Hi there,

you have this CSS in your Child Theme:

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

[Victor Valladolid]

Hello David,

Thanks for answering.

I don’t have this CSS.

Regards,

[David]

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

[Victor Valladolid]

Ready, plugin disabled

[David]

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?

[Victor Valladolid]

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

[David]

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;
    }
}

[Victor Valladolid]

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.

[David]

You’re welcome

[Author]

Posts