NO BUG: Sticky header not working?

Hello,
I am setting my header as sticky. This works fine in the preview within bricks, but when not on the live site… What am I missing?
Thanks and best regards,
Philippe

Hi Philippe,
Thanks so much for your report!

Unfortunately, I can’t tell you what you’re missing without a live link :face_with_monocle:

Best regards,
timmse

Hi Timmse,

Thanks for your answer. The link is https://conceptionflamm.localwebsolutions.ch/, and these are the settings of the header:

Screenshot 2024-01-02 at 11.18.52

Best regards,
Philippe

You are using the Bricksforge “scroll smoother”, which seems to disable the sticky behavior of the header, see: NO BUG: Position: fixed (sticky) does not work on the frontend

It is best to contact Bricksforge support, as we unfortunately have no influence on this.

Thank you very much. Yes, disabling “scroll smoother” fixed the problem.
Best regards,
Philippe

Hey @pburki

That’s the expected behavior of the GSAP Scroll Smoother. Here some references:

GSAP Docs:

Bricksforge Docs:

In short: The GSAP ScrollSmoother is not working well with fixed positioned elements. The quickest way to solve this would be to change the Scroll Smoothing provider to “Lenis”. You can change this in the Bricksforge Scroll Smoother settings.

If you have further questions, feel free to create a Bricksforge ticket :slight_smile:

1 Like