Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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

    #792094

    got it working by gettting the css less specific with

    #header_main{
    background-color: rgba(24,36,94,0.85);
    }
    #792110

    Hi,

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

    Best regards,
    Sarah

    #792114

    No it’s all good now thanks anyway

    #792121

    Hi,

    Thanks for using Enfold :)

    Best regards,
    Nikko

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