Header wont snap to container

Hi,

this is just something that happens with any sticky header, elementor or otherwise. This isn’t a problem with the plugin or any settings. If you search for this problem you will find several solutions. https://www.google.com/search?q=fixed+header+achor+link+offset&oq=fixed+header+achor+link+offset&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIICAEQABgWGB4yDQgCEAAYhgMYgAQYigUyDQgDEAAYhgMYgAQYigUyDQgEEAAYhgMYgAQYigXSAQkxNjQwNGowajSoAgCwAgA&client=ms-android-verizon&sourceid=chrome-mobile&ie=UTF-8

The easiest solution is using the css property “scroll-margin-top” but unfortunately it doesn’t work with elementor’s built-in smooth scrolling method. It’s a known issue on their GitHub. https://github.com/elementor/elementor/issues/13177 If it did work I would have added it as a setting in the plugin. Maybe it will work in the future and I can add it.

The way I personally solve this is by using the elementor anchor link widget. Add it to the top of a section, or wherever you’d like the anchor to be, and set the position to absolute. This way you can adjust the vertical offset to scroll exactly where you want. The position is responsive as well.

Sorry I can’t help more, it’s a common situation. Hopefully this helps you figure it out. Good luck!

Hey I added an elementor anchor but its not changed anything, could you have a look for me? would really appreciate the help

Im not at my computer right now, sorry. Did you remove the id from the old anchor? The anchor widget should be the only thing with that #id. Sis you try adjusting the vertical position? When you set the position to absolute the default it top:0. You should set that top offset to at least the height of the header.

Hi Robert, i (think) i have got this to work. Thanks so much for your help ??

Great! It looks like it’s working to me on mobile. Happy to help, lmk if I can do anything else.