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