Darken Transparent Header

Thanks Basilis for the quick response but that’s not what I’m looking for. That fix changed the header to solid white. I’m trying to keep the transparency but just make it slightly darker (less transparent). Please see the example site I posted above.

Is there a setting to simply adjust the level of transparency on the header or will I have to manually enter code?

• This reply was modified 8 years, 1 month ago by brianbu.

So I added the following code:
#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(255,255,255,0.2);
}
kriesi.at/support/topic/adding-a-dark-transparent-background-to-the-menu/

It did what I wanted when viewing on desktop and darkened the transparency of the header to my desired amount. The problem now is that on mobile I get a slightly darkened header…instead of being white it is now gray.

To make the gray mobile slider white again I tried this:
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background-color: red !important;
}
}
kriesi.at/support/topic/change-colour-of-mobile-header/

I of course changed ‘red’ to ‘white’ but got the same effect…a gray header. The transparency setting is overriding any other changes.

Is there a way to use a code similar to the this one but have it only active on non-mobile viewing?
#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(255,255,255,0.2);
}

Again, I want to be able to do what this site is doing: http://www.ferdykorpershoek.com/
If you look at it on desktop you’ll notice a dark transparent header, and if you look on mobile you’ll notice it’s white.

• This reply was modified 8 years, 1 month ago by brianbu.

Appreciate the help but I found an answer online at youtube.com/watch?v=uZv5uLUfyas

#top .av_header_transparency {
background: rgba(0, 0, 0, 0.6);
}

That code does the trick…allows me to darken the transparent header (or change the color if I want) but doesn’t affect the mobile header color.