Disable zoom on IOS

On IOS the browser will zoom in if the font size is less than 16px. You can either change the “meta content” code to prevent the browser from zooming in. Or, you can also change the font size to 16px to avoid zooming in the first place.

Change meta content to prevent zooming

To top
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

The meta content code should appear at the top of the theme.liquid file

Here is a screenshot of what the code should look like after you have replaced the code.

Change font size of input text to 16px

To top
/* Change font size of input text to 16px*/
#bcpo .bcpo-textarea textarea, #bcpo .bcpo-text input {
font-size: 16px !important;

Add the code snippet above to your theme.liquid file right after the first <head>  tag at the top of the page (see screenshot below). If need more instruction click the link below.

Was this article helpful?