Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #282987


    Im using the enfold theme and have a problem with the megamenu on mobiles in that the top level menu items wont expand when pressed. It works fine when i unselect “Use as megamenu”.

    The site is

    Menu items Finish and brand are created using a megamenu and columns. Currently Finish is set to normal menu and works as expected. “Brands” is set to megamenu, when clicked on mobile it wont expand.

    Any pointers with this would be greatly appreciated:)



    Hi danneeroy!

    In the theme options go to Header Layout and then the Mobile Menu tab. Do you have the “Hide Mobile Menu Submenu Items” box checked?



    Hi Devin thanks for getting back in touch

    Yes i have that selected

    i am also using this bit of code currently as a work around (currently disabled) to force it to all be expanded.

    @media only screen and (max-width: 767px) {
    .sub-menu {
    display: block !important;

    the problem is that there are so many categories in the navigation it makes it a real pain finding anything.

    It would be great to get my megamenus expanding correctly link the normal menus.

    Im also using columns in my megamenus




    Please try to insert this code into the quick css field:

    #top #mobile-advanced .avia_mega_div.visible_sublist ul {
    display: block;



    That worked a treat, thanks again:)

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Mega Menu Dropdown on mobile wont expand when clicked’ is closed to new replies.