Stumped: Text is scrolling "on top" of my sticky element

Design help General
1

Hi! I created a sticky element (let’s call it a CTA bar) and cannot figure out why one text box scrolls “on top” of the bar, while the other text box in the same Div Block scrolls underneath it—the way it should function normally.

Here’s the read-only link: https://preview.webflow.com/preview/sanders-equities?utm_medium=preview_link&utm_source=designer&utm_content=sanders-equities&preview=05b806601678687c99a7e30a9301211c&pageId=626759678b9fbb8155ab0a61&itemId=626759d32802ea432fdbe803&workflow=preview

On this page, you can see that “CHAIRMAN” scrolls above the sticky CTA bar, while “Arthur D. Sanders” scrolls underneath. They are in the same Div Block, so I’m not sure what’s causing this.

Thanks in advance for any suggestions!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @Krista_Soriano,

It looks like you have a z-index of -10 applied to the CHAIRMAN text. Remove that and then apply the z-index value to your tabbed CTA div. That should do the trick and let all the text scroll underneath the bar.

3

Ah, thank you so much @SoCal-Marcel, that did the trick!