hide initial top menu on mobile

  • Resolved bandsome

    (@bandsome)


    5 years, 1 month ago

    Hi,

    We are having trouble hiding the very top initial mobile menu from the site.

    How can we make it so that either the top logo and icon are hidden and the max menu shows on load, or bind the top right icon to display the full open menu on click (3rd image).

    To clarify, right now you have to click on the top right icon to open the max mega menu top bar, then you have to click on that top right icon again for the drop down menu to display. We are trying to make it so you don’t have to click twice.

    See imgur images for reference.

    help

    Any help would be great!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Bandsome,

    Please try adding this to Appearance > Customize > Additional CSS:

    @media screen and (max-width: 769px) {
    body.mega-menu-mobile-menu .mobile-logo {
        display: none;
    }
    body.mega-menu-mobile-menu .mobile-menu--content {
        display: block;
    }
}

    (you may need to clear the autoptimize cache after doing so)

    Regards,
    Tom

    Thread Starter bandsome

    (@bandsome)

    Amazing works perfect! Thank you

    Plugin Author megamenu

    (@megamenu)

    You’re welcome! I’ll set this to resolved.

    If you have a spare minute, would you mind leaving a quick review for the plugin at the bottom of this page? It would be much appreciated!

    Regards,
    Tom

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘hide initial top menu on mobile’ is closed to new replies.