Zooming on inpu/meta fields

Topic summary

Mobile iOS auto‑zoom on product page input/meta fields causes the screen to zoom in when customers type, and it does not zoom back out, forcing manual resizing.

A proposed fix is to adjust the CSS so text input fields have a font-size of 16px, which is required on iOS to prevent automatic zooming.

After attempting this, the problem persists: once the item is added to the cart, the zoom state remains and parts of the UI (notably the checkout button) are cut off.

Screenshots were shared showing the initial zoom on the product page and the cut-off checkout button after adding to cart, indicating the issue affects usability beyond the input field.

Status: Unresolved. The initial CSS guidance did not fully address the behavior, and further investigation or broader CSS updates may be needed to prevent the persistent zoom and restore access to the checkout button.

Summarized with AI on December 31. AI used: gpt-5.

when a customer types in their customized information for our product while On mobile it zooms in. never zooms out, requiring the customer to resize the screen. Is it possible to disable this zooming in?

This is an iOS feature. To fix it, you’ll need to amend your CSS stylesheet and set the font size to 16px for text inputs.

Thank you for the directions. Unfortunately, the issue continues; once the item is added to the cart, the zoom remains and cuts off the checkout button.