Need smoother transition on scroll

Hi, I just took a look at your site and something weird is going on there. It’s hard to tell because I don’t know exactly how you have it set up. It’s od that the header section isn’t sticky right away. That would allow for a smooth shrinking effect if it was I think.
If you could email me I think I can help you further [email protected] thanks

I am also having this same issue. I am using Elementor on GeneratePress. Just curious if you found a solution.

@glenerd Yes, I wrote some custom CSS to create a slide-in effect that worked for him. Here is the code

.header {
    position: static !important;
    display: inline-block !important;
}

.she-header {
    top: -100vh !important;
    transform: translateY(100vh) !important;
    transition: transform 400ms !important;
/* change 400ms to a larger number to slow it down */
}

Also, please make sure advanced tab > motion effects > sticky is set to “none”, sticky header effects > transparent header is “off”, and you are not using any negative margins on the header section.

Please let me know if this works for you

Thanks for that. The shrunken menu transitions nicely down now. But… when scrolling down and I reach the desired “scroll distance” the whole page will jump up (about 100 pixels before the shrunken menu comes down). This looks really janky.
I made sure all other settings suggested are in place.

Sorry about that. Do you have a link to the site so I can take a better look? I’m in Houston and it’s already late here so I won’t be able to look until tomorrow.

https://sandbox-newweb.simplenexus.com/sn/

@glenerd Could you please email me so I can help you further? [email protected]