Hi there, I’m having a problem to change or getting rid of the background color on my dropdown menu sub levels, on mobile devices showing the burger menu.
Please help :0)
Hey carstenstrandvad,
You have this in what looks to be coming from your Quick CSS:
#top .sub-menu {
background: rgba(255,255,255,0.7)!important;
border: none!important;
}
Please remove it or change it to your liking.
Best regards,
Rikard
thats not the issue. Problem is when I use the site at mobile devices (when the burger menu appears) example when you shop jewellery’s, the sub, sub menues change background color, and that effects the wisibility on the font. can you se the link?
Sorry for earlier email. Tried to change the opacity to 0, and that solved the problem :0)
Thank you
Im Back…. when I changed the opacity to “0” it solved the issue on mobile devices, but because I set the opacity to “0” there is now a problem on desktops where the normal top menu, using the submenu.
Hi,
Thanks for the update, so you want the CSS in question to only apply to mobile screens? If so then try this instead:
@media only screen and (max-width: 767px) {
.sub-menu {
background: rgba(255,255,255,0.7)!important;
border: none!important;
}
}
Best regards,
Rikard
Hi Rikard,
I did put the code in top of my quick css, but it had no effect?
And did reset my cookies.
Hi again,
I tried with this code, and it looks like it solved the problem!
@media only screen and (max-width: 1024px){
.html_av-submenu-hidden #av-burger-menu-ul li ul {
background: rgba(255,255,255,0.0)!important;
}
}
Hi carstenstrandvad,
Glad to hear that :)
Let us know if you need further assistance.
Thanks for using Enfold and have a great day!
Best regards,
Nikko