Tagged: header, transparency
I am currently using this CSS code:
.header_color .header_bg {
background-color: rgba(255,255,255,0.9) !important;
}
The problem is that the transparency only shows when the page is scrolled down. Is there a way to show the transparency over the banner upon page load? Please see attached screenshot of what I would like the header to look like. Thanks!
Hi schenkco!
Please edit your page and set to display transparent header and then add following code to Quick CSS
#header { background-color: rgba(255,255,255,0.9); }
Best regards,
Yigit
Currently the code you mentioned is changing the top bar to transparent as well. It’s also using the transparent header menu but switches to a different menu when I scroll down. I reverted back to the old code instead for the time being. Until my manager approves the design change, I’m going to leave it. Thanks though!