Viewing 4 posts - 1 through 4 (of 4 total)
-
AuthorPosts
-
November 10, 2017 at 4:56 am #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
WangpoNovember 12, 2017 at 11:54 am #875703Hey 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,
VictoriaNovember 12, 2017 at 5:43 pm #875768thanks
November 12, 2017 at 10:41 pm #875866Hi,
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 -
AuthorPosts
Viewing 4 posts - 1 through 4 (of 4 total)
- The topic ‘Menu wraps over the banner’ is closed to new replies.