New Header Scroll Effects Update Help

Has anyone been able to recreate the old “pinned” effect to allow a header to sit ontop of the Hero section instead of before it after this update?

I get that you can use freeze the header but the thing is it freezes the header but still takes place in the DOM. Before with pinned, you could have a “transparent” header because the position was relative but now the header sits on top of the next section, showing the page background. I would like to achieve the effect in the picture for a client and I could easily do it before but I’m not sure how/if I can do it with the header scrolling updates. Am I missing something here or is it no longer possible?

If I need to use custom code I can do that but it would be unfortunate to have to do all of that since it was so easy before lol. Thanks in advance!

Try Setting the position to pinned just on the Hero section(or page). and set a negative top margin to the section

Thank you for the suggestion! I just tried but once I set the Hero to pinned, really weird things happened to my layout. :frowning: I already spent so much time building the page I can’t afford to delay the client more by rebuilding it again, unfortunately. But anyways again thank you for the suggestion! :smiley:

You know idk if this was a quick update or what but now in Header settings I see there is an Overlap “Next Section” option and that did the trick! I can almost swear I didn’t see it before but this seems to give the same “pinned effect”. Case closed lol thanks, Wix!

1 Like