Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 19, 2013 at 4:53 pm #25051
    silverhema

    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/

    June 21, 2013 at 5:34 am #125618
    Dude

    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

    June 22, 2013 at 5:14 am #125619
    silverhema

    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.

    June 24, 2013 at 5:27 am #125620
    Ismael

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Long menu disappears on resize’ is closed to new replies.