speed open logo part and closing

Hey jasperlemmers,

I’m not sure if I fully understand what you’re trying to achieve.
Do you want to hide the header as it scrolls to the bottom? and also adjust the speed of the transition?

Best regards,
Nikko

Hi jasperlemmers,

The speed is actually the same, it depends on how fast you scrolled for example on the top the header is 100% of its height and once you have scrolled down to that full length it’s height is reduced to 50% and the same is true when scrolling up. You can verify this on this js file: enfold > js > avia-snippet-sticky-header.js

Best regards,
Nikko

Hi jasperlemmers,

Can you try adding this CSS code in Quick CSS, located in Enfold > General Styling: (the animation will not be the same as the link you gave)

#header .av-logo-container, 
#header .av-logo-container .logo a, 
#header .av-logo-container .logo img {
    -webkit-transition: all 0.7s cubic-bezier(0.93, 0.16, 0.32, 1.07);
    transition: all 0.7s cubic-bezier(0.93, 0.16, 0.32, 1.07);
}

Best regards,
Nikko

Hi jasperlemmers,

Can you try to replace the code I gave to this one:

#header .av-logo-container, 
#header .av-logo-container .logo a {
    -webkit-transition: all 0.7s cubic-bezier(0.93, 0.16, 0.32, 1.07);
    transition: all 0.7s cubic-bezier(0.93, 0.16, 0.32, 1.07);
}

Best regards,
Nikko

Hi jasperlemmers,

We’re glad to hear that :)
Let us know if you need further assistance or if we can close this thread.

Best regards,
Nikko