Hi. Since the update this code doesn’t work anymore:
@media only screen and (max-width: 1290px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
abbr.required {
text-decoration: none !important;
color: #ffcb0f !important;
}
What CSS do I have to put into my custom css in order to make the mobile menu appear at 1290px width?
Also is it possible to get back the old menu layout?
Hey Abosict,
You can try to clear your cache and check it changes.
Best regards,
John Torvik
What?
I don’t think you understood me. I’m just trying to change the width of the activation of the mobile menu. I want the mobile menu the come after the width is 1290px. How do i do that?
Hi,
Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 1290px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}
Best regards,
Mike
That doesn’t work anymore since the new update. The menu is different now. If I use that code there is no mobile menu at all.
Hi,
Try this one:
@media only screen and (max-width: 1290px) {
.av-burger-menu-main {
display: block!important;
}
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none!important;
}}
Please clear your cache :)
Best regards,
Mike
That did the trick!
Thanks Mike!
Hi Abosict,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Victoria