Archived topic
Mobile Menu Background Color
5 replies · Started by Piet Hein on November 5, 2018
Hi Guys,
I have a transparent Mobile Logo and Menu. When you click on at and the full menu appears, the background remains transparant, which makes the menu items disappear in the hero section.
I've been looking on the forum and found this CSS to fix it:
@media (max-width: 768px) {
.main-navigation .main-nav ul li a,
.main-navigation .main-nav ul li a:hover {
background-color: #0e0e0e;}}
This works partly, as the current page background still remains transparent. What should I add to change this one too?
Thank you,
Piet
Hi there,
try:
#mobile-header .main-nav {
background-color: #0e0e0e;
}Hi David,
This works.
I hope you hear this so often that it starting to get annoying, but I'm gonna say it again: you guys are awesome!
Have a great day,
Piet
Glad we can be of help! Feedback is much appreciated :) Have a great day too.
Hello!
I have the same issue with mobile drop down menu non transparent. It's nice transparent on description, but as a mob drop-down it's a mess.
I tried putting the advised code (below) into simple css, but it did absolutely nothing, how is it supposed to work?
#mobile-header .main-nav {
background-color: #0e0e0e;
}
Hi there,
would you like to start a new topic, you can then share your Site URL privately using the Site URL field. We can then take a look and give you 100% focus :)
