Z-index? Overflow

Hi Webflow community!

I am working on a website at the moment, but have run into a layout issue!

z-index.

however when editing from the designer everything appears to be normal.

https://preview.webflow.com/preview/the-boardwalk?utm_medium=preview_link&utm_source=designer&utm_content=the-boardwalk&preview=58c3a5f643734787a48a476bffb7de94&pageId=5f04b38697b41396a05ed770&mode=preview


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

The issue is the “Contact Us” button is covered by the image on the right

Hello @Stephen_Aydt,

What you can do to fix it is to give the section with the images overlapping an overflow hidden. Then select your contact block div inside that section and give it a z index of like say 9px. That worked for me. I hope it helps.
Screen Shot 2020-10-05 at 7.36.31 PM

Thank you :slight_smile: looks great now

1 Like