My sticky worked perfectly until it reached the column. The content inside the column overlaps the sticky component. I would love to know how to fix this. Thanks! Here’s a simplified version of the issue: [Screen_Recording_2023-04-18_at_12_47_07_PM_AdobeExpress] Here is my site Read-Only: LINK …

Hi Angela! Try giving the sticky component a higher z-index, 999 to be sure for example. The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order.

Column content overlapping sticky element

Design help Layout & Design

Angela_Yang (Angela Yang) April 20, 2023, 11:12pm 4

Thank you so much! I learn something new everyday.

1 Like

Topic		Replies	Views
Sticky Not working General	1	787	December 7, 2019
Debugging Position Sticky in Safari Mobile Layout & Design	2	797	January 12, 2023
Sticky Nav with Elements Scrolling Over General	1	782	May 29, 2020
Sticky position suddently doesn't work General	3	469	October 17, 2023
Sticky Header not overlapping elements General	3	1418	December 22, 2021

Column content overlapping sticky element

Related topics