Mobile Credit Card fields not working

Hi @gdeblegend

I reviewed your website and you’re using a different Stripe plugin, not mine. I did observe the issue you described.

My recommendation would be to either switch to my plugin called Stripe for Woocommerce or reach out to the developers of your Stripe plugin for assistance.

Kind regards,

hey sure thanks – so I switched to yours and on mobile the credit card input field completely disappears but on desktop it is fine?

Hi @gdeblegend

I’ll take a look. It sounds like your theme might have some css for Mobile that’s conflicting.

Kind regards,

ok thank you – yeah that is most likely the problem but I cant find the issue anywhere thanks again!

Hi @gdeblegend,

I reviewed your checkout page. For some reason your theme (Fusion builder?) is rendering two separate but identical woocommerce-checkout-payment elements which means you have a duplicate of all your payment methods. The duplicate is hidden until the following media query is satisfied:

@media screen and (max-width: 640px)

That’s the reason you aren’t seeing the credit card form when testing with mobile.

Kind Regards,

sure ok thanks – do you know how I can fix this issue? Thanks

@gdeblegend

Since I don’t know how your website was built and I am not familiar With the fusion builder plug-in I am not sure.

If you had someone build your website I would recommend sharing this info with them and asking them how they can prevent the duplicate payment methods on the checkout page.

Kind regards

@gdeblegend

I’ll look and see on my end if it’s possible to render multiple credit card forms on the same page. If it’s possible then I’ll add some code in the next version to make the plug-in more robust for this type of scenario.

Kind regards,

thanks a lot got it sorted with your help!

Hi @gdeblegend,

Awesome thanks for confirming. If you have a moment I always appreciate a good review.

https://www.ads-software.com/support/plugin/woo-stripe-payment/reviews/

Kind Regards,