Tagged: hamburger, menu, responsive
How is the hamburger menu triggered?
I would like to change the point at which the hamburger menu changes over to be at a different width. At the moment the menu listing crashes over the logo when on narrow screens.
Hey ColinWalton,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? I need to have a look at you menu settings.
Best regards,
Victoria
Sorry this is going to be a pain as I have WordFence set up which blocks all countries except UK and requires a mobile phone code when logged in.
You can try with these settings
Hi,
It says that the user does not exist when trying to login.
Could you please try that again for us?
Best regards,
Basilis
It works ok!
Hi Colin,
Thanks for that, please try the following in Quick CSS:
@media only screen and (max-width: 1024px) {
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
Brilliant – much better thank you!
Hi ColinWalton,
Glad we got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria
Thank you Rikard !!! great answer !!!
I’ve done this on mine but it seems the main menu burger icon shows up twice. one in the middle and one on the right.
Hi NewarkComputers,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria