Stuck on Sticky

Design help General
1

Hello, Webflow community!

I spent the last week trying to figure it out and even went to the last page of Google but can’t wrap my head around why this doesn’t work.

If you go to my read-only site below, you’ll notice a “search bar”. It’s wrapped in a div and I want it to be sticky with 20% on top. But when I make it sticky, it only scrolls to the border of the next section and then it stops! Why is that?

I just want the search bar to be sticky and scroll past other sections. What do I need to change? All overflows are visible. Help will be so appreciated!

Thank you!

https://preview.webflow.com/preview/humahelp?utm_medium=preview_link&utm_source=designer&utm_content=humahelp&preview=66b5813d2219d0f0b1f09b90d3a673f0&workflow=preview

Screen Shot 2022-09-28 at 10.29.49 PM
Screen Shot 2022-09-28 at 10.29.49 PM1616×330 184 KB

2

Hi

To achieve this you need to use fixed position not sticky position.
Sticky is useful for section only. it work best for section only not full page.
Use fixed position.
Let me know if you still need any help.

1 Like