Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 14, 2020 at 6:12 am #1230161
    coreyblaser

    Hi all, I’m struggling with the glossy header. Although I have it set to 50% black, it flickers to white before taking on it’s final solid black color on scroll…

    I have the ‘Transparent Menu’ set to #000, the ‘Logo Area background color’ set to #000, and the following in my quick CSS

    
/* glossy header bg */

.header_bg {
  background: rgba(0,0,0,1); !important;
}#header.av_header_glassy {
    background-color: rgba(0,0,0,0.5);
}

    Not sure what else could be showing through in the millisecond before the header bar changes to solid.

    July 14, 2020 at 7:16 am #1230181
    coreyblaser

    Nevermind, I solved it. For those also looking for a solution, set everything as above, Except, the custom css should be:

    
/* glossy header black bg */
.header_bg {
  background: rgba(0,0,0,1); !important;
}
#top .av_header_glassy.av_header_transparency .header_bg {
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
    • This reply was modified 4 years, 4 months ago by coreyblaser.
    July 15, 2020 at 6:16 am #1230505
    Rikard

    Hi coreyblaser,

    Great, I’m glad that you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.