Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 24, 2014 at 12:58 pm #282987
    danneeroy

    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!

    June 24, 2014 at 4:07 pm #283107
    Devin

    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

    June 24, 2014 at 4:59 pm #283128
    danneeroy

    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

    June 25, 2014 at 7:09 am #283425
    Dude

    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

    June 25, 2014 at 11:46 am #283520
    danneeroy

    That worked a treat, thanks again:)

  • Author
    Posts
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.