Sticky header – transparency

[mrdave7]

Hi, I want the sticky header to be transparent. It worked fine at the home page. I used this code for it:
.page-id-13017 #header .is-sticky .sticky-header.sticky-header-resized, .page-id-13017 .is-sticky #header.sticky-header.sticky-header-resized {
background: rgba(255, 255, 255, 0.95)!important;
…

Since I also want the same effect for all the other pages, I tried to use
.sticky-header {
background: rgba(255, 255, 255, 0.95);
…

but then I have the problem, that on the start page, the naked header isn’t naked anymore but has the white background rgba(255, 255, 255, 0.95) – which works fine for all the other pages. So I guess I need some solution to exclude the second sticky-header for the sticky-header of the home page.

Can you help me with this?
Thank you!
David

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#header .is-sticky .sticky-header.sticky-header-resized, .is-sticky #header.sticky-header.sticky-header-resized {
background: rgba(255, 255, 255, 0.95)!important;
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.0)!important;
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.0)!important;
box-shadow: 0 3px 5px rgba(0,0,0,.05)!important;
border-bottom: 1px solid #e3e3e3;
}

I just excluded .page-id-13017 at your code.
Thanks 🙂
With Best Regards
Mohammad

[mrdave7]

Of course. Sometimes it’s THAT easy. Thank you for your help, works fine.

[Kyle – SUPPORT]

Great, thanks Mohammad

– Kyle