Image Element Not Clipping on Mobile Safari as Expected

Hello! I’m having trouble an image element in the header. The element should be getting clipped but for some reason it’s showing the right side of the element (left side is clipping), and it’s creating a very awkward horizontal scroll.

I’ve tried putting the element in it’s own div element that clips, clipping the element itself, and clipping the whole section. Nothing seems to work.

What am I missing here?

Here is my site Read-Only: Webflow - Thread - A Dating Coach In Your Pocket

Set the image element (shape) to position: relative. Currently it’s positioned absolute so the clipping won’t work because technically the image is floating above the document. You would have to adjust the positioning but it won’t overflow.

If my response helped you, please consider marking it as the solution. Thanks!

1 Like

This worked! Thank you so much @j0vil !