Skip Navigation

[Resolved] Prevent zoom to input field on iPhone

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to prevent iPhones from zooming in when entering text in a CRED form field.

Solution: Apply a CSS font-size of at least 16px to this field.

This support ticket is created 6 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 6 years ago.

Assisted by: Christian Cox.

Author
Posts
#627954

When using an iPhone 6, on the homepage of: hidden link - after entering any search keywords and hitting DONE, the screen expands and stays that way at this point.

Is there any way using Javascript or CSS to force the screen back to the correct mobile override done using CSS?

Thanks heaps.

Woody

#628350

It appears the best way to handle this is to apply a font-size greater than or equal to 16px in the input field:
https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone

You can use the CSS panel underneath the CRED form builder to add custom CSS to this form.

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.