Mobile submenu is not working

  • Hi,

    Menus & submenus work perfectly on the desktop. But submenus disappear on mobile.

    When I click the dropdown, nothing shows up. I have 2nd level menu & 3rd level menu to show. What I want is when I click the dropdown, 2nd level menus show up with another dropdown, and when I click the 2nd level menus’ dropdown, 3rd level menus show up.

    I’ve tried any CSS code but nothing happened. I assume it has to be max-height or overflow or display. But can’t figure out the CSS code.

    Please help me, I find another’s topic that has the same issue as mine, but I have a different theme so I can’t find any solution for my web.

    Thanks for helping me.

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

    Thanks for posting a link. There’s a max-height of 0px set on .mega-sub-menu when I view the menu on mobile, so that would need to be removed (ideally) or set to “none”.

    Regards,
    Tom

    Thread Starter timosoru

    (@timosoru)

    Hi Tom,
    Thanks for your response.

    My submenus finally appear on mobile view. But it’s auto-open. I want it open after I tap the dropdown icon. What CSS code to accomplish this?

    Thanks.

    Plugin Author megamenu

    (@megamenu)

    Hi Timosoru,

    I can see the problem now – your theme is using JavaScript to copy the desktop menu to a different div on the page, and displaying that as the mobile menu. But it’s only coping some of the menu structure, not all of it. I can also see CSS that is specific to max mega menu, but I’m not sure if that is CSS that you’ve written or if it came with your theme. If the latter, it would be better to ask your theme authors to take a look and get them to fix the issue in the theme itself (to save us ‘patching’ it).

    Please remove the max-height: none !important CSS, then add this CSS which should get the sub menu to expand:

    div#mobile-menu-menu ul li .mega-sub-menu.opened .mega-sub-menu {
    max-height: 4000px;
}

    It is not perfect, as it will expand all of the child items at the same time, but it should at least give you a collapsed menu to start off with. Ideally, a proper fix (copying the full menu structure to the mobile menu) needs to come from your theme authors.

    Regards,
    Tom

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile submenu is not working’ is closed to new replies.