Mobile menu broken

  • Resolved barurumm

    (@barurumm)


    4 years, 5 months ago

    Mega menu works fine on sd and hd screens, but when I try to collapse to mobile, it doesn’t work as expected:
    1. The menu is not scrollable – instead the background (page) is scrolled.
    2. The submenu columns are preserved, while in the mobile settings the instruction is to collapse to one column
    3. The setting to Overlay Content is not checked, however the menu is with position absolute, and overlaying the content.

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

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

    (@megamenu)

    4 years, 5 months ago

    Hi Barumrumm.

    1 and 3 are related, and due to your theme sticking the header on mobiles. You will need to manually add a scrollbar to the mobile menu:

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

    For 2, please go to Mega Menu > Menu Themes > Custom Styling and add the following:

    @include mobile {
    #{$wrap} #{$menu} li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {
        width: 100%;
    }
}

    Regards,
    Tom

    Thread Starter barurumm

    (@barurumm)

    4 years, 5 months ago

    Thank you for your help, Tom, I couldn’t figure that the issue was with the fixed position of the navigation bar. The custom css also helped with the columns issue.
    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mobile menu broken’ is closed to new replies.