Fade in header on scroll

Hi Zak, do you have the header section > advanced > scrolling effects > sticky set to top? Also, are you using the transparent setting or negative margins? And what is the scroll distance you have set? A link would really help. This is usually just a simple settings adjustment. Thanks

Hi Robert,

Thanks for your speedy reply. In Advanced > Scrolling effects disabled but Sticky set to Top yes, is that correct?

For Sticky Header effects I have scroll distance 1000px, Transparent Header (margin at 0), Background Color. Site is – https://wordpress-489462-2294544.cloudwaysapps.com/

Kind regards,
Zak

@zaksingle Hey Zak, sorry, it’s been crazy busy around here lately. I’m not getting emails about replies on here either for some reason. Not sure what’s going on with that.
Anyway, I saw that you had replied. I see that since your scroll distance is set to 1000px and the header isn’t sticky from the beginning it just jumps into place. Entrance animations are something I plan on adding in the future for just this type of situation. But, unfortunately, that feature isn’t available yet.
Configuring your header a little differently, or possibly some CSS, should be able to give you a smoother transition.

Have you tried turning the scroll distance to 1px so it immediately becomes sticky to the top? If sticky top is on I’m not sure why it’s not initially sticky.
You can try this CSS
.she-header-yes {
position: sticky !important;
}

You might need to email me so I can help further with screenshots etc. [email protected]