Header Transparent on Blog

Support
#1

Hi there,

I would like the bar 2 of header to remain transparent for all pages, except the blog.

Please advise

#2

Hi There,

Thank you for writing in, Add a custom CLASS to your Bar 2 (https://prnt.sc/gwdodn)

And then add this on Theme Options > CSS

/*change the background-color of the bar2 (mybar) on blog page only*/
.blog .mybar {
	background-color: tomato;
}

Change the tomato with your desired color.

Hope it helps,
Cheers!

#3

I think you misunderstood. I want to change the bar from transparent to relative.

I’ve used the following and its not working.

.blog .mybar {
position: relative!important;
margin-bottom:150px;
}

#4

Hi There,

Close this unclosed media query and that code should work,

screenshot

Obviously, you don’t want that CSS rule inside the media query because that will only apply in screen width 979px and below.

Cheers!