Woo commerce - iPhone and safari when checking out CVV2 info is not displayed

[Brent_St]

Hi,

when i c;went is checking ou using an iPhone and safari the cvv2 field box is displayed, the 3 digit number can be typed in but it is not displayed leading the customer to believe that it is not being accepted…

Any help you can provide is greatly appreciated.

Thanks,

Brent

[Prasant]

Hello @Brent-St,

Thanks for asking.

I checked the website and added item into the cart and on checkout page I can see that the issue for CVV box is because of the width. You can add following CSS under Pro > Theme Options > CSS to resolve the issue:

@media only screen and (max-width: 600px) {
    input#beanstream_cvv {
    width: 80px !important;
    }
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.