Community forum for knowledge and support

Updated last month

Header1 Image

At a glance

The community member is experiencing an issue where an image is overflowing on mobile, but not on desktop or in the browser's inspector. Other community members suggest that the issue may be related to Safari, and recommend checking the image's ratio and fill, as well as trying to use overflow-clip instead of overflow-hidden. One community member was able to resolve the issue by wrapping the image in a new div.

Useful resources

HHarry Dodd

I have a very frsutrating isssue going on, I cannot work out why this image is overflowing. It does not do it on inspect or in webflow but only mobile!

“header1_image”

https://preview.webflow.com/preview/aerolase?utm_medium=preview_link&utm_source=design[…]&pageId=67a475a369cb62fc4c5f0620&locale=en&workflow=preview

Attachment

4 comments

MMatt Johnson

@Harry Dodd so is this Safari? If so, that's likely your issue

MMatt Johnson

@Harry Dodd would need the published URL in order to try to troubleshoot further.

MMatt Johnson

I have some theories though - something with the ratio and fill or try using overflow clip instead of overflow hidden. Make sure you don't have any unnecessary styles either.

Attachments

HHarry Dodd

All good my end man!

Yeah i tried other things again but wrapping it in a new div fixed it, thanks as always dude!!

Add a reply