Sticky position strange behavior on mobile

Design help Animations & Interactions
1

I’ve been trying to wrap my head around this for 2 days now but still no luck, so I have a navigation/header that’s set to position: sticky. The image “Unveil smooth, inspired creativity.” is supposed to be sticky as well but it is not working as supposed to. The weird thing is, their sticky property only works when I scroll up.

I’m using an Android phone. Does anyone know any solution to this?

Here is my public share link: [LINK HERE]

2

Just bumping this one

3

Hi Aldrinichi

Took some fiddling, but give your main wrapper overflow:clip

1 Like
4

It works! Is there a reason why the overflow: clip has to be applied in the main wrapper?