Hello,
as this website is having a rather wide menu , ive used this code to get a burger menu on tablets smaller than 1310px.
@media only screen and (max-width: 1310px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none !important;
}
.av-burger-menu-main.menu-item-avia-special {
display: block !important;
}
}
but as you can see its appearing
1. twice (not on a mobile, but on a tablet it is)
2. at the left side, i want it to display on the right side.
whats going wrong here? best regards, jelle
Hey jelle,
Please try this CSS as well:
@media only screen and (max-width: 1310px) {
#header_main_alternate li.av-burger-menu-main {
display: none;
}
.av_menu_left .main_menu {
left: auto;
right: 0;
}
}
Best regards,
Rikard
hi rikard, thanks.. but the problem is still there…
best regards, jelle
Hi,
Thanks for the update. The login details you posted are not working, please check and verify.
FOUT: Ongeldige gebruikersnaam of wachtwoord.
Best regards,
Rikard
hello rikard
Hi,
Thanks for that. I’ve adjusted the CSS for you, and it’s applying to your site now.
Best regards,
Rikard
great, Rikard!
thanks, you can close this ticket now
best regards, jelle
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon