Archived topic
How to give transparent effect to menu sub items
5 replies · Started by Derek on August 4, 2018
Viewing posts 1–6 of 6
Hi. I'm using the follow custom css along with a custom page header for my home page menu and I'm very happy with how it turned out. I just need to know how I can make the sub-menu transparent like the main menu is. Here is the code I'm currently working with for the home page only....I'm assuming this something that can be done with css?:
.main-navigation.navigation-stick {
background-color: rgba(32,32,32,0.64);
}
#mobile-header {
background-color: rgba(32,32,32,0.64);
}Hi there,
You can change the background color of the sub menu with this CSS:
.main-navigation .main-nav ul ul li a {
background-color: #fff;
}Let me know if this helps.
Here is what I used:
.main-navigation .main-nav ul ul li a {
background-color: rgba(32,32,32,0.64);
}But it's not working....
Hmm try this:
.main-navigation ul ul {
background-color: rgba(32,32,32,0.64);
}That one worked Leo. Thanks!
No problem :)
This archived topic is closed to new replies.
