Text over and under certain images

I have a client that is using the “Hailey” template, they want the main heading, which is fixed and stays in place on scroll, to go over some images and under others. I thought this would be simple but none of my ideas seem to be working.


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

https://preview.webflow.com/preview/l-d-a-2022?utm_medium=preview_link&utm_source=designer&utm_content=l-d-a-2022&preview=8fa002b5456ad1d5a7cdd26a2989c4a7&workflow=preview

Hi @Justin_Ditmore the best practice how get help is by providing Read only and also live (published) if needed (when JS is involved in issue)

1 Like

HI @Justin_Ditmore here a short video where I demonstrate one solution how to

Ok, I followed your instructions and fixed that issue. But a new one has come up. The text now sticks to the top and all of the photos run over the Nav bar as everything auto scrolls.

https://preview.webflow.com/preview/l-d-a-2022?utm_medium=preview_link&utm_source=designer&utm_content=l-d-a-2022&preview=8fa002b5456ad1d5a7cdd26a2989c4a7&workflow=preview

hi @Justin_Ditmore I have changed some settings for element that should stay in middle but I’m getting different feedback results in page preview mode and animation preview mode. As I’m not able to save changes I can’t say for sure that will work. :man_shrugging:

more info in video below

1 Like

hi @Justin_Ditmore let me know if this worked.