Margin on mobile browsers

I’m nearly done with a new site but found that when viewing it on a mobile device - the margins seem to float.
I’ve read thru the forums and it’s suggested that it’s likely an image or something that is fixed and/or oversized beyond the standard 320px. I have been testing this on iPhone 6 and iPhone 5s. Could really use some help.

Here’s my read only link: Client Site

Could you post a link to the published site? It can help find the problem faster. :smile:

http://construction-v.webflow.io

Thank you so much!

Hi @cloud, Can you please update your post with some more information? Things like your read-only link, screenshots, and your environment info really speed things up.

Posting guidelines can be found here: Posting Guidelines for the Design Help Category - General - Forum | Webflow

Thanks in advance! :slight_smile:

If you could re-post your read only link I think I found the problem but would like to double check.

https://preview.webflow.com/preview/construction-v?preview=ecfe626659a0687475447a6270370fc5

The images in the design have interactions on them. The interaction moves the images off screen but doesn’t set them to display none. You can set your section class to have an overflow of “hidden” to prevent the scroll issue.

Or

You can set the initial appearance on your images to display none and have the interaction change the image to display inline-block.

Here is a link to the help docs on interactions.

Let us know if you need anything else

3 Likes

Fantastic - let me give that a go!!! Thanks again.

Thanks so much - this fixed my issue…I really appreciate it! :grinning:

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.