Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #792089

    I am starting a website develloppement and trying to get a sticky transparent header with a semi-opaque color.

    I got it to work, but it looks like there is a fade effect when changing from top to sticky on scroll. To be clear, when at top page or in middle of page the header is good, but when scrolling from top to bottom, there is a glitch/fade effect that bring menu transparent for a seconde only.

    here is what i done :

    – in post set to sticky and transparent
    – checked sticky header and set logo and menu color in transparent menu in header setting
    – set colors in the general styling setup page for header
    – added this code to custom css :

    #top .av_header_glassy.av_header_transparency #header_main{
    background-color: rgba(24,36,94,0.85);

    It’s probably missing just a thing, but can’t find where and how to remove that fade effect


    got it working by gettting the css less specific with

    background-color: rgba(24,36,94,0.85);


    We’re glad you got it to work. Do you still need our help with this topic?

    Best regards,


    No it’s all good now thanks anyway



    Thanks for using Enfold :)

    Best regards,

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘header transparency remove fade effect when scrolling’ is closed to new replies.