Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

How to disable zooming in when entering text into my form? (Mobile)


Recommended Posts

  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Site URL: https://www.kanbeeapp.com/kanbee-earlyaccess-signup-banking-app On the mobile version of our website, whenever we click on the form to write email it zooms in.  How do we prevent this? 

Actually just found a solution on this page: https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/ I went with the meta tag solution. I placed the meta tag on the

The issue is apparently a feature of iPhone, iOS, Safari. Please see...

Prevent iOS from zooming in on input fields

How To Prevent iPhone/iOS Devices From Zooming on Input Forms

Disable Auto Zoom in Input “Text” tag - Safari on iPhone

I'm not endorsing any of the fixes here. From what little I read no one had a real fix. Just workarounds all with various tradeoffs. I also don't know if they can be applied to a SS site.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post
  • 2 months later...

I just had a lead tell me they had this "issue" with the form zoom in on their phone. I'd also be interested in a way to prevent this. I tried this on my iPhone on a Wordpress site I built with Gravity Forms, and there is no zoom in. I understand it may be a feature of iPhone or iOS, but there's either something with Squarespace forms that trigger this zoom in effect, or others like Gravity Forms that prevents it.

Link to post

Actually just found a solution on this page: https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/

I went with the meta tag solution. I placed the meta tag on the page settings with the contact form I wanted to fix, in the Advanced area -> Header code injection.

Just enter in:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0"/>
Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...