My menu is overlapping my logo at around 1115px – I have tried the following:
@media only screen and (max-width: 1100px) {
.av-main-nav > li > a { padding: 0 7px; }
}
But the mobile menu still only shows up at 989px.
Also, I made sure it is Activate for smartphones and tablets in theme options.
Is there a fix for this?
Hi,
Can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
Josue
Please use the following:
Hi,
Tablet (989px) mobile activation should work now, if you need it earlier add this to Quick CSS (change 989px for something higher):
@media only screen and (max-width: 989px) {
.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;}
}
Remember to purge all W3 caches every time you do a change.
Best regards,
Josue
Hi Josue,
Thank you for your quick response.
I was putting this code in the child-theme style.css and it did not work, however, when I put it in the quick css in the theme options it does work. Why is that? And is there a way to make it work in the child-theme css?
Thanks,
Kevin
Hi,
Try putting it at the start.
Best regards,
Josue