Hi, how can I change the background color of the mobile submenu?
Thanks.
Hey DROR,
It’s a semitransparent background, you can adjust it with this CSS:
@media only screen and (max-width: 990px) {
.av_header_transparency .sub-menu {
background: rgba(255,255,255,0.3) !important;
}
}
Best regards,
Rikard
How can I make it not transparent and with a background color of – #54a9b9?
Hi,
You can use this code for that:
@media only screen and (max-width: 990px) {
.av_header_transparency .sub-menu {
background: #54a9b9 !important;
}
}
Hope this helps.
Best regards,
Nikko
I tried that but it did make any difference.
Hi,
Hmmm, can you try to use this instead:
@media only screen and (max-width: 990px) {
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
background-color: #54a9b9;
}
}
Best regards,
Nikko
That changes the background of the entire menu and the submenus still have the same color as before.
Hi,
My bad, please use this code instead:
@media only screen and (max-width: 990px) {
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul .sub-menu li a {
background-color: #54a9b9 !important;
}
}
Best regards,
Nikko
Bingo :) Thanks!
Hi,
Glad we could help. Thanks for using Enfold :)
Best regards,
Nikko