Robert Wattner

That is currently being worked on and is a top priority. I will release an update with container compatibility as soon as possible don’t worry. I’ll make this post sticky so others will hopefully see it.
I’m glad you like the plugin! Check out the new Facebook page with some Pro version feature sneak peek screenshots. https://facebook.com/stickyheadereffects
We are currently on 20+ revisions of the pro version beta. It’s taking time but we’re really trying to get everything perfect and we both have very busy schedules. I know I’ve said it before, things keep coming up, but we are really really close to the pro release and I’m very excited!

Hi, I’ve done some testing and I am getting the same behavior you mentioned without my plugin even installed. I set up a sticky transparent header with negative bottom margin. I think the “transparent” option of my plugin is creating the same situation.
When the page is at the top, the header has page height. After scrolling, when the header becomes sticky, it no longer has page height and must be changing the scroll distance. This means the anchor links arent landing at the same spot because the scroll distance/page height is changing. I hope that makes sense.
I haven’t tested this on a static HTML site with the same setup so I don’t know if it’s an elementor or wp thing. I am getting it in all of my browsers though.
Unfortunately, I think might just be an inherent problem with using a transparent header in general.
I wish that I had a better answer for you but I’m getting it to happen without my plugin entirely.

@sebsonntag I see you’ve got it working on your site so I’ll go ahead and mark this resolved. I hope my code helped.

This can be don’t easily.
Click your icon and change it to white, then use this custom css to change it’s color on scroll.

/* CHANGE ICON COLOR ON SCROLL */
svg#Capa_1 {
	-webkit-transition: fill 0.4s ease-in-out;
	-o-transition: fill 0.4s ease-in-out;
	transition: fill 0.4s ease-in-out;
}

.she-header svg#Capa_1 {
	fill: var( --e-global-color-primary ); /* this is your global red color */
}

Let me know if this works for you or if you need more help

Is that an elementor menu or are you using a plugin? I currently only support elementor nav menu. Does this still happen if my plugin is disabled but the header is still sticky? Advanced tab > motion effects > sticky > top?
As for the scrolling, if you are using elementor pop-up for the menu there is a setting to disable scrolling in the popup page settings. Otherwise my plugin doesn’t have anything to do with that, sorry.

Hi, when you say disabled the sticky header, do you mean advanced tab > motion effects > sticky > none? Or you disabled the plugin?

Happy to help

Hi, do you have a link? Is Elementor PRO sticky active? Have you tried, adjusting the scroll distance? Are you using the transparent setting?