CC Fields Very Short on Mobile

Hello,

Can you please elaborate what you mean by it has shrunk?

Yes, they used to fill the width of the screen and now they stop halfway across the screen. This means that in the credit card field, the last 4 digits are hidden behind the card symbol

That’s really theme/styling dependent. So in your case you don’t have enough width there. So you have play around with CSS to adjust it to your likely.

As an example this is what my checkout looks like https://cld.wthms.co/oNoScB

Here is one thing you can try. Add the following CSS.
.payment_box.payment_method_stripe { clear: both; }

Do note that in the next release in January 2019, we will be removing “all” styles and let themes handle them.

Yes, that’s what the checkout looked like on my site too up until very recently. The theme hasn’t been updated during that time. Woocommerce has had an update and so has the stripe gateway plugin. It seems most likely to be one of those two updates that has caused this.

Please, could you suggest a piece of CSS that might fix this?

Sorry Royho, I hadn’t seen your suggested CSS when I sent my last message. Just trying it now

That’s done the trick! Thank you very much indeed!

So, I’m a bit confused about the message on the Woocommerce page about styling when you follow the “learn more” notification on the WP dashboard. Is it the case that with the current version of the plugin, when I’m logged in as admin and I go to checkout, I will see the unstyled version of the CC fields and can work out the CSS from there? (My theme’s Flatsome, so I’m kind of hoping they sort this out for the theme anyway)

Thanks again for your help!

Yes in current release if you are logged in as admin, you will see styles removed from the Stripe plugin. This way you can see if it will break your current theme and you have 3 months or so to correct this yourself or with your theme author.

Regular customers will see the same style as they did before this update. Nothing changed for them.

I hope that is clear.

Understood. I’m just writing to the theme to ask them about it.

Thanks again