Tagged: mobile menu, transparent background
I currently have a boxed layout with an uploaded body background image. Everything looks fine on my desktop view but when viewing in mobile version I notice I can’t change the menu background color without it making my entire box white also. Is there a way to just color the mobile menu’s background so it is legible?
Also, I notice with my Mega Menu I’m trying that I can barely see the drop down options because I have no defined background color. But if I make it white which would help with the above issue it again makes my whole boxed layout white and I lose my design with the background image. Please help with both issues seeing they seem to have cross over issues.
Hey tobuff1985!
To check the issue related to mega menu please providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Cheers!
Vinay
My main concern is that in mobile view my navigation when opened it is not readable. It has a transparent background so it is hard to read. I’d like to be able to set a color background for mobile view ONLY while maintaining the current transparency for desktop viewing. I have tried adding a color in the enfold > general styling > logo area background but it makes my header white and I lose the visibility of the background image. Please help me keep my current set up while simply adding a background color to the mobile navigation.
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
#mobile-advanced {
background-color:white !important;
}
Thanks,
Rikard
That worked perfectly. You are a lifesaver thank you very much for your time!