Streaming live at 10am (PST)

Sticky element gets hidden when scrolling

Hey, guys. I’m new to Webflow and having a really hard time making a sticky scroll. The phone gets hidden behind the next section. I’ve messed around with the z-index but I can’t make it work. Can anyone point me in the correct path for fixing this? Any help would be much appreciated.


Here is my public share link: https://preview.webflow.com/preview/sherpa-2431a3?utm_medium=preview_link&utm_source=designer&utm_content=sherpa-2431a3&preview=6bbf0754fc2253f4c04885cf891aad41&pageId=5d5e7c81cfc85e81a370ffb7&mode=preview&fbclid=IwAR0Q3YuTRBR8HRgAAbAHzsRK-dx65WHBCYoE65kKFA306c6I4wnkb8Xxsuk
(how to access public share link)

Site: https://sherpa-2431a3.webflow.io/sticky-on-scroll

Because those elements are siblings and the lowest has a higher z:index.

image

Thanks a much! I also found out that the hero_wrapper has overflow hidden.
Thanks for your help. Really appreciate it!