Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #548894

    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,

    • This reply was modified 4 years, 4 months ago by  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!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Header Transparency’ is closed to new replies.