Tagged: header, submenu, transparent
Hello,
Does anyone have Quick css settings for me to make the Submenu items Glassy too if the header is set as Glassy. I think this should be the default behavior though… but it’s not.
Anyone? Please help…
Hey!
Try adding this code to the Quick CSS:
ul.sub-menu {
background: transparent !important;
}
ul.sub-menu a {
background: rgba(255, 255, 255, 0.5) !important;
}
Cheers!
Josue
Thanks, but the glass effect should be enabled only when the header is glassy. So I end up using the following:
.av_header_transparency ul.sub-menu {
background: transparent !important;
border-top-color: rgba(0, 0, 0, 0.2) !important;
}
.av_header_transparency ul.sub-menu a {
background: rgba(255, 255, 255, 0.2) !important;
color: #fff !important;
font-weight: bold;
text-shadow: 1px 1px 0px rgba(0,0,0, 0.5)
}
.av_header_transparency ul.menu a {
text-shadow: 1px 1px 0px rgba(0,0,0, 0.5)
}
Added slight text shadows to main and submenu make it more readable and bold to the submenu items. YMMV