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

    Hi,

    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 http://ottimolighting.com/

    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:)

    Thanks!

    #283107

    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?

    Cheers!
    Devin

    #283128

    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

    thanks

    #283425

    Hey!

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

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

    Cheers!
    Peter

    #283520

    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.