Mobile Menu Appearing Twice

  • rebelbee

    (@rebelbee)


    6 years ago

    Hello,

    Once you click on the 3 line tab on the left of my mobile site, you will see another menu tab appear in the right corner. It’s not really organised correctly. Can you please assist on fixing this?

    Thanks!

    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 Rebel,

    Please go to Appearance > Customize > Additional CSS and add the following:

    @media (max-width: 767px) {
    body.mega-menu-header-menu .navbar-collapse.collapse {
        display: block !important;
    }
    body.mega-menu-header-menu .mobile-menu-main-menu-container {
        display: none !important;
    }
    body.mega-menu-header-menu button.navbar-toggler {
        display: none !important;
    }
    body.mega-menu-header-menu #mega-menu-wrap-header-menu {
        float: none;
    }
}
    Thread Starter rebelbee

    (@rebelbee)

    Hello,

    Thanks for your quick help, that has helped to make only one menu appear. However, when you click on a menu item with a drop down, you cannot scroll down to see all menu items in the drop down. (for example, when clicking on bespoke services, can’t scroll down to the third column). Can you please assist me further with this.

    Please take a look on your mobile device and you will know what I mean. Thanks!

    Plugin Author megamenu

    (@megamenu)

    Hi rebel,

    Please see: https://www.megamenu.com/documentation/how-to-add-a-scrollbar-to-the-mobile-menu/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Menu Appearing Twice’ is closed to new replies.