Tagged: enfold, responsive
I would love some help with more customized code for the main menu on my tablet. It covers the logo despite using the code snippet (pasted below) that I found in the forum discussion:
@media only screen and (max-width: 1100px) {
.av-main-nav > li > a { padding: 0 7px; }
}
You can see my test site at advent50.com/mayflower
Hi abparenteau,
Please try the following in Quick CSS under Enfold–>General Styling to activate the mobile menu at an earlier point:
@media only screen and (max-width: 1045px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}
Best regards,
Rikard