[Support request] Generatepress and max mega menu

[DIGITAL]

Hi,

I have added a mega menu with Max Mega Menu plugin as “Generatepress mega menu” does not fulfill my needs. However I have an issue because my menu is not visible on mobile.

Before adding the plugin I had 2 different menu: Primary menu (for desktop) and Off canvas menu (for mobile).

Could you help me?

[DIGITAL]

soldisulweb.com

[Ying]

Hi there,

It seems the mega menu hide the default menu icon on mobile.

Can you check if there’s a setting in mega menu to disable it on mobile?

[DIGITAL]

Done. https://www.megamenu.com/documentation/disable-mobile-toggle/

But the problem is still there 🙁

[DIGITAL]

I have seen an additional problem. The toggle of the sticky menu in mobile is not showing correctly.

[Ying]

I can still see the CSS from Megamenu which hides the theme hamburger menu icon.
https://www.screencast.com/t/SFcjQQq0p

And it hides its own hamburger menu icon as well.

Can you make sure your mega menu settings are all correct?

[DIGITAL]

Mega Menu settings are all correct. I would like to show MAX MEGA MENU for desktop and use Generatepress menu for off canvas mobile menu

[DIGITAL]

Or to have the Maxmega menu for both locations mobile off canvas and desktop.

[Ying]

Try this CSS to override the CSS mega menu added:

@media (max-width: 1200px) {
    body .inside-header .main-navigation button.menu-toggle {
        display: block;
    }
}

[DIGITAL]

Great job. Thank you very much. Now I have the mobile menu.

But I have still the Max mega menu in the mobile sticky menu. How I can remove that?

[Ying]

You are welcome 🙂 Add this CSS as well:

@media (max-width: 1200px) {
    .inside-header .main-navigation ul#mega-menu-primary {
       display: none !important;
    }
}

[Author]

Posts