Sticky hero not sticky anymore after publishing to staging

Design help General
1

Dear helpers,

I have created a sticky hero section with a scrolling in view animation for the next section to slide over the main hero section. This works perfectly fine, except for the mobile version. It works flawless in preview mode, but the hero image is suddenly not sticky anymore after publishing to staging.
Could you help me solving this issue?

Thank you in advance,
Sophia

Here is my site Read-Only:
(Webflow - Peak to Pixel)

2

Hi Sophia,

For sticky positioning to work correctly, ensure that:

  • No parent elements have overflow set to hidden, scroll, or auto
  • Parent elements don’t have a fixed height
  • The sticky element has at least one defined distance value (top, bottom, left, or right)

For horizontal scroll animations on mobile devices:

  1. Open the Interactions panel
  2. Deselect mobile breakpoints to prevent horizontal scrolling on smaller screens
  3. Adjust your layout to optimize for vertical scrolling on mobile devices

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.