My mobile menu is overlapping the logo. Please can you advise.
Hey studiovene,
Please try this in Quick CSS to activate the mobile menu at an earlier point:
@media only screen and (max-width: 1075px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
Best regards,
Rikard
The problem still exists – it is the MOBILE menu that is overlapping the logo. See link to screen print in private content.
:-)
Hi,
Add this to quick css:
@media only screen and (max-width: 767px) {
.av-burger-menu-main{
left:100px!important;
}
#menu-item-search{
left:80px!important;
}
.logo img{
width:80%!important;
}}
Best regards,
Jordan Shannon
Hi,
Great, glad Jordan could help you out :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard