Hi,
I’ve just updated enfold and my mobile menu is not showing up.
It is a full width menu that shows below the header, this disappears on smaller screens but burger menu does not appear.
I’ve tried this css but it doesn’t work:
@media only screen and (max-width: 700px) {
.html_mobile_menu_tablet .main_menu{
display: block !important;
}
}
Any ideas?
Thank you,
Lisa
Hey sundara88,
Thank you for using Enfold.
The color of the mobile menu is the same as the header background. We’ve added these css codes on the Quick CSS field.
.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
background-color: #ffffff;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
color: #ffffff;
}
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
border-color: #ffffff;
}
.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
background-color: #ffffff;
}
Best regards,
Ismael
Thanks so much, works great!
You can close this thread.
Lisa
Hi,
Glad Ismael was able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike