[Support request] Help with a megamenu on mobile

[Jean-Pol]

Hello, I use the HeroMenu plugin with GeneratePress.
Everything works correctly except the mobile version of the HeroMenu, which appears inside a sky blue block ( = color of the GeneratePress menu) when I’m on mobile.

How to get rid of the default mobile menu (not enabled on theme customization). The HeroMenu is set on main menu.

Thanks for your help.

[Leo]

Hi there,

Just to make sure, are you trying to remove this entire element here?
https://www.screencast.com/t/OjV9YLrEL

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

[Jean-Pol]

Yes Leo.

[Leo]

Try this CSS:

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

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

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

[Jean-Pol]

Don’t work, Leo. If I do that, all the navigation block is gone. I need this block to allow HeroMenu to insert his stuff :
https://cln.sh/brVATC
I dont understand why the hamburger menu is there, as no menu is connected in the GeneratePress params.

[Jean-Pol]

I just installed a simple test site with only GeneratePress Premium.

I created a menu that I didn’t associate with a location!

In desktop mode, the menu does not appear. In mobile mode, the hamburger menu is clearly visible (it doesn’t open anything, of course). Bug ???

This is I think my problem with HeroMenu. It wants to be grafted to the main navigation location, and on mobile, there is already something.

[David]

Hi there,

if this is the correct plugin, they provide documentation for manual integration:

https://heroplugins.com/product/hero-menu/documentation/#8.-menu-integration

So you can disable the themes Primary Navigation by setting its Location to No Navigation.

Then use a Hook Element to out insert the shortcode the plugin provides.

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

[Jean-Pol]

Thanks David. Yes, it’s the correct plugin. I’ll try to do a manual install.

But, is it a bug to see the hamburger menu on mobile without wordpress menu ?

[David]

I am not able to replicate the issue on a default install.
So it may be the way that plugin is integrating into the theme Nav. I’ll do some more tests but nothing so far 🙂

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

[Author]

Posts