Sticky section overlap too early

Ask the community
,
1

I’m having trouble with

  1. I have 3 sections set to sticky, each with a fixed height of 981px. However, the sticky section overlap too early, preventing each section from fully revealing itself before the next one starts sticking.

  2. i am also having trouble revealing the non sticky section that comes after the sticky section, it doesnt appear on live mode.

Working in
Wix Studio

Site link
Test site link

What I’ve tried so far
I set each section with a bottom padding of 6%, and I also tried setting the section height to a minimum of 140vh. Everything was working fine when I first set it up on my MacBook, but this issue started after I switched to my PC with a much larger display.

2

edit mode:
A website editor displaying a page with the text 'KOREAN CUISINE, BOLD ASIAN TASTE' and a pink oval shape. (Captioned by AI)

live mode:
ScrollCapture2025-07-31at10.32.46-ezgif.com-video-to-gif-converter (1)

if anyone’s seen this issue and knows a fix, i will really appreciate the help. Been stuck to this scroll problem for a while.

3

Have you tried offset and padding to the sticky section on PC?
If the stick section still having some bugs, add custom css to sections or use scrolling in view animations

4

Thanks for replying! Tried, but no luck. Its strange because it work fine at first. Now the stick scroll content is only fully visible when i scale down the window, so i will just leave it like that, i need to fix the sections after the sticky so it appears on the live site.

5

add some additional height to the sections, say 50vh, or add padding to the bottom of the section. This will give some breathing room

6

Thank you for the response, the added 50vh height or padding bottom caused the scroll duration to become unnecessarily long, still not revealing the full content on larger screen size(1440px). On smaller screens(1020px), it results in excessive blank space at the bottom. Here is the link :https://c4media.wixstudio.com/tozi

7

looking ok on preview. What have you changed ?

8

i turned on max-width for sticky section and it looks like its working now. Thank you so much for taking the time to look into the website!

1 Like