# Sticky section overlap too early

**URL:** <https://forum.wixstudio.com/t/sticky-section-overlap-too-early/72197>\
**Category:** Ask the community\
**Tags:** question, wix-studio\
**Created:** [July 19, 2025, 7:46pm UTC](https://forum.wixstudio.com/t/sticky-section-overlap-too-early/72197 "2025-07-19T19:46:23Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![marww](https://avatars.discourse-cdn.com/v4/letter/m/77aa72/32.png) [@marww](https://forum.wixstudio.com/u/marww)\
**Post date:** [July 19, 2025, 7:46pm UTC](https://forum.wixstudio.com/t/sticky-section-overlap-too-early/72197/1 "2025-07-19T19:46:23Z")

</div>

**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](https://c4media.wixstudio.com/tozi)

**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.

---

<div class="post-metadata">

**Author:** ![marww](https://avatars.discourse-cdn.com/v4/letter/m/77aa72/32.png) [@marww](https://forum.wixstudio.com/u/marww)\
**Post date:** [July 31, 2025, 8:51am UTC](https://forum.wixstudio.com/t/sticky-section-overlap-too-early/72197/2 "2025-07-31T08:51:41Z")

</div>

edit mode:  
 ![A website editor displaying a page with the text 'KOREAN CUISINE, BOLD ASIAN TASTE' and a pink oval shape. (Captioned by AI)](https://us1.discourse-cdn.com/wix/original/3X/a/a/aac075a3aa0105eaa0e407a8585859e8b62b835c.gif)

live mode:  
 ![ScrollCapture2025-07-31at10.32.46-ezgif.com-video-to-gif-converter (1)](https://us1.discourse-cdn.com/wix/original/3X/c/d/cd57d3d63fd17d4011717b5ecbe5f80c8297d337.gif)

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.

---

<div class="post-metadata">

**Author:** ![Aquarius\_Mike](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/aquarius_mike/32/86255_2.png) [@Aquarius\_Mike](https://forum.wixstudio.com/u/Aquarius_Mike)\
**Post date:** [July 31, 2025, 9:13am UTC](https://forum.wixstudio.com/t/sticky-section-overlap-too-early/72197/3 "2025-07-31T09:13:20Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![marww](https://avatars.discourse-cdn.com/v4/letter/m/77aa72/32.png) [@marww](https://forum.wixstudio.com/u/marww)\
**Post date:** [July 31, 2025, 12:06pm UTC](https://forum.wixstudio.com/t/sticky-section-overlap-too-early/72197/4 "2025-07-31T12:06:09Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Dan\_Suhr](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dan_suhr/32/94074_2.png) [@Dan\_Suhr](https://forum.wixstudio.com/u/Dan_Suhr)\
**Post date:** [July 31, 2025, 10:14pm UTC](https://forum.wixstudio.com/t/sticky-section-overlap-too-early/72197/5 "2025-07-31T22:14:06Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![marww](https://avatars.discourse-cdn.com/v4/letter/m/77aa72/32.png) [@marww](https://forum.wixstudio.com/u/marww)\
**Post date:** [August 7, 2025, 1:24pm UTC](https://forum.wixstudio.com/t/sticky-section-overlap-too-early/72197/6 "2025-08-07T13:24:42Z")

</div>

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](https://c4media.wixstudio.com/tozi)

---

<div class="post-metadata">

**Author:** ![Dan\_Suhr](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dan_suhr/32/94074_2.png) [@Dan\_Suhr](https://forum.wixstudio.com/u/Dan_Suhr)\
**Post date:** [August 7, 2025, 8:32pm UTC](https://forum.wixstudio.com/t/sticky-section-overlap-too-early/72197/7 "2025-08-07T20:32:28Z")

</div>

looking ok on preview. What have you changed ?

---

<div class="post-metadata">

**Author:** ![marww](https://avatars.discourse-cdn.com/v4/letter/m/77aa72/32.png) [@marww](https://forum.wixstudio.com/u/marww)\
**Post date:** [August 8, 2025, 10:24am UTC](https://forum.wixstudio.com/t/sticky-section-overlap-too-early/72197/8 "2025-08-08T10:24:36Z")

</div>

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!
