Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #25051

    In the Enfold theme when the main menu is long, the menu will disappear in one of the responsive levels when re-sizing (going smaller) before the mobile drop down menu shows up. This doesn’t seem to happen on shorter menus.

    I have an example here http://sandbox.islandeccsites.com/

    #125618

    Hey!

    Please search for following code in enfold/js/avia.js

    switchWidth 	  = 767;

    if(first_level_items > 8 && !bottom_menu)
    {
    switchWidth = 989;
    header.addClass('mobile_menu_tablet');
    }

    Try to change the switchWidth value of 767 to 1006.

    Regards,

    Peter

    #125619

    Hi Dude,

    I did as you’ve instructed but that didn’t seem to help. The link http://sandbox.islandeccsites.com/ now has the updated code.

    #125620

    Hi,

    Please add this on your custom.css or Quick CSS

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .mobile_menu_tablet .main_menu {
    display: block;
    }
    }

    Regards,

    Ismael

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

The topic ‘Long menu disappears on resize’ is closed to new replies.