Navigation Menu opactiy

[CathB]

How do I change the opactity on the navigation menu drop down background colour? One of my header pictures is quite busy and when I use the drop down menu, it's hard to read the drop down menu as the background colour is quite faint. I'd like to make it less transparent.

Any ideas?

[Adam7]

That can be changed with some CSS tweak - are you familiar with that at all, @CathB?

[CathB]

I've tweaked things a bit in the past, but not overly familiar with it. I didn't know which of the lines of the code to change. Wasn't immediately obvious to me. 

[Adam7]

Ok, no worries. Can you post a link to your site? I'll take a look.

[CathB · Accepted solution]

www.azlcci.org

[CathB]

Thanks for help too

[Adam7]

Try this in Settings > SEO > Header Code, it should fix it on the live site to be less transparent but keep the mouseover effect:

<style>
#wsite-menus .wsite-menu li a
{
	/* non hover state */
	background: rgba(255, 255, 255, 0.9) !important;
}
#wsite-menus .wsite-menu li a:hover
{
	/* hover state */
	background: #e3e3e3 !important;
}
</style>

[CathB]

Thanks so much Adam. I'll give it a go. 

Regards, 

Cath