Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

hide mobile header hamburger menu with max mega on

  • Hi,

    I am having a go at using the max mega menu to make menus look more attractive on one of my sites. All good on desktop but having a mare on mobile.

    I have resorted to using the mobile header option in generatepress and have the menu sort of working, but still have the existing mobile hamburger menu next to the mega menu one.

    I have searched the forums and found a similar issue and the solution was to display none the generatepress mobile menu toggle:

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

    however, if I do that then the woocommerce cart icon disappears and I really want that to remain. Is there any way to hide the generatepress menu toggle and keep the woocommerce cart?

    Or, alternatively, turn off the max mega menu on mobile and keep the generatepress mobile menu?

    Thanks for any help.

  • HI there,

    The CSS above should work to hide the menu toggle only. Change display: block to display: none

  • Great thanks – not quite the right code, but got me to find the bit that worked.

    #mobile-header .menu-toggle {display: none;}

    this hides the generatepress mobile menu toggle but leaves the cart in the menu.

  • Great to hear that!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.