Streaming live at 10am (PST)

Site Too Wide on iPhone 6

Hello, Webflow friends!

I’ve got a site I’m happy with that looks okay in preview, but renders a little too wide on my iPhone 6. Could someone please post me in the right direction to troubleshoot this? I want the site to be truly reponsive across devices.

Thank you!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @skellogg, what specific elements are you referring to?

CloudApp

Could you share a screenshot from your phone to show what you mean? This would make it easier to get assistance for your issue. Thanks.

1 Like

I’m happy to provide a screenshot. Also, the keyboard on my phone pops upon loading the site.

I believe the issue is related to your body font size of 14px and your input fields are the same. IOS Safari zooms when the font size is less than 16px. When I load a page in an iPhone with the same width viewport as your 6 (375 px) the page looks fine. If I enter an input field, the screen zooms, when I exit the screen stays zoomed.

Give your input fields a font size of 16px with a class on mobile, at see if this resolves the issue.

1 Like

You are The Man around here :slight_smile:

Thank you.