Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 9, 2015 at 5:47 pm #393178
    clcintx

    Our header seems to blink, or go back to 100% transparency when you start to scroll and it switches from the glassy header to the site wide header

    See here http://clstudio.com/mag/

    how can we eliminate that blinking effect?

    February 9, 2015 at 10:42 pm #393364
    Elliott

    Hi clcintx!

    It’s because of this custom CSS your using.

    #top .av_header_glassy.av_header_transparency #header_main {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

    The default is 0.1 opacity so it goes from 0.3 > 0.1 > 0.9.

    Best regards,
    Elliott

    February 11, 2015 at 9:29 pm #394689
    clcintx

    Exactly, can we change the 0.1?

    February 12, 2015 at 2:09 pm #394990
    Ismael

    Hi!

    Yes, you can try this:

    #top .av_header_glassy.av_header_transparency .header_bg {
background-color: #fff;
opacity: 0.8;
filter: alpha(opacity=80);
}

.header_color .header_bg {
background-color: rgba(255,255,255,0.9);
}

    Cheers!
    Ismael

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