Image Element Not Clipping on Mobile Safari as Expected

Design help General
1

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

IMG_5082
IMG_50821170×2532 165 KB

2

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
3

This worked! Thank you so much @j0vil !