Design Help for Mobile

I’m having a hard time figuring out what’s going on with my design in mobile view.

On an iPhone 12 the design is fine, however, when I look at my website in mobile view on an iPhone 8, the heading and paragraph overlay on top of the image. Any help I would appreciate.


Here is my site Read-Only: LINK
Iphone8

(how to share your site Read-Only link)

Here is a test on an actual iPhone 8. I don’t see the issue.

Are you logged into your Webflow designer account on your iPhone in preview mode? If so, I would try publishing the site and then viewing the published site on your iPhone.

1 Like

Thank you Jeff @webdev
I was looking at it on my iPhone 8 and it keep changing the format, so I appreciate the visual.

@britishchap I was looking at it from the share-read-only-link on an old iPhone I have. Maybe that was the problem. Need to publish then look at my website outside of Webflow. Thanks Paul.

1 Like

Hey Jeff,

Could you share with me the simulator you used to take above test video?

Thank you!

Best,

Delany

Browserstack - Real Devices.

1 Like

This is great, thank you! :slight_smile: