If you have received reports that some of your Android users are unable to complete checkout or registration due to the UI zooming in dramatically when entering information into an input field, you may be experiencing a known issue with Android devices.
Below we provide a quick fix for this issue, which involves adding the below code snippet to the CSS file at the very end of the Checkout Style, Identity Management Layout, or My Account Style template - based on the reported area that users are experiencing issues.
@media (max-width: 1024px) {
input {
font-size: 16px;
touch-action: none;
}
}
This code snippet specifies a font size and touch-action property that allows the input field to function properly on Android devices. The media query targets devices with a maximum width of 1024px, which is commonly used for phones and tablets.