Sticky Page breaks when not in base-view. .

Design help Animations & Interactions
1

Hi everyone,

I have been stuck in this sticky issue for a while. I tried resolving it but when I have more sections, the problem arises from different format of the same problem.
I probably don’t understand fully hence need some help here. I am about a week from my deadline for setting up our own cafe (social enterprise) website. I have attached the link.

Only the first page needs addressing.

The sticky arrangement for the whole page is working at the BASE Breakpoint. but when I view it in the mobile and smaller format, the stickiness fail to work.

Can someone help me resolve this?

Please… . . . . . .

Thanks

Here is my public share link: https://preview.webflow.com/preview/theofficialtce?utm_medium=preview_link&utm_source=designer&utm_content=theofficialtce&preview=ba66c89776bc534e3618e346214dba56&mode=preview
(how to access public share link)

2

your page wrapper overflow was set to hidden on tablet size and smaller.i think that no parent of the sticky element can have a hidden overflow, not sure why. just set it to visible and the sticky will work.
also, awesome website

3

Hi,

Hurray! Thanks… I was only looking at the section holders but never thought of looking at the page holder.

IT WORKS!!! HURRAY!!!

Thanks!

1 Like