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

    When my screen size is reduced the menu forms two rows (dev.meditation-indianapolis.org). But, it overlaps the banner. How do I make it responsive enough to push the banner down and create a menu that spans two rows?

    Cheers
    Wangpo

    #875703

    Hey Wangpo,

    Your menu needs to turn to burger at 1060px. Here is the code for that

    
    @media only screen and (min-width: 1065px) and (max-width: 1150px) {
      #top .av_seperator_big_border#header .av-main-nav > li > a {
        padding: 0 6px;
      }
    }
    @media only screen and (max-width: 1059px) {
    	.main_menu .avia-menu, #header_main_alternate, .fallback_menu{display:none;}
    	.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
    	.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:auto;}
    	.responsive.html_mobile_menu_tablet .main_menu .avia-menu, 
    	.responsive.html_mobile_menu_tablet #header_main .social_bookmarks, 
    	.responsive.html_mobile_menu_tablet #header_main_alternate{display:none;}
    	.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide{display:block;}
    	.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:50px;}
    
    	.responsive #header_main .inner-container, .responsive .main_menu{position: relative;}
    	.responsive #top .logo{position: relative;display:table;height:80px !important;float:none;padding:0;border:none;width:80%;}
    	.responsive .logo a{display:table-cell; vertical-align: middle;} 
    	.responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
    }
    
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #875768

    thanks

    #875866

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Basilis

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu wraps over the banner’ is closed to new replies.