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<style>
/* Change font size of input text to 16px*/
#bcpo .bcpo-textarea textarea, #bcpo .bcpo-text input {
font-size: 16px !important;
}
</style>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.
