Hi,
I would like to switch earlier to the mobile menu. Searching on this forum I found a topic which helps me a bit, see the private content for a link to my site. The regular menu is disappearing at the right time, now The mobile menu has to kick in earlier. Can you help me with this?
Regards,
Erwin
Hey erwin_m,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 990px) {
.responsive #top .av-main-nav .menu-item-avia-special {
display: block !important;
}
}
Best regards,
Rikard
Hi Rikard,
Thank you for your reply. I’ve added the code, but nothing changes. Can you think of something else?
Regards,
Erwin
Hi,
The code richard shares is what we suggest everywhere.
Please do check if you have to change the number at the media queries, to be sure it works on the size you want.
Best regards,
Basilis
Hi,
I’ve tried again, changed the values at the media-query, but it still doesn’t work. Can you think of anything which can override this code?
Regards,
Erwin
Hi Erwin,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 1024px) {
nav.main_menu {
display: block !important;
}
.menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
This code is working. Thank you. You can close the topic.
Regards,
Erwin