popup on form on mobile devices

Hello,

We are having similar problems on mobile with multiple different websites that we have installed WP Stripe on. Does anyone know of a way to just turn the popup off for mobile? I haven’t found much help online.

Appreciate any suggestions!

Thanks.

Yes, the styles in the pop up are using a fixed width for the pop up, so it’s too wide for mobile. It seems like it would be a relatively easy fix for the plugin authors to adjust the width to 100% on smaller screens instead of a fixed width.

This update will probably happen too late to be useful for me, but I wanted to suggest it so that it will hopefully help someone else out in the future.

This is not perfect but it helps alot, put this at the bottom of /wp-content/plugins/wp-stripe/css/wp-stripe-display.css

@media only screen and ( max-width:480px ) {
#wp-stripe-wrap { width: 310px;}
form#wp-stripe-payment-form .wp-stripe-card input { width:250px;}
form#wp-stripe-payment-form textarea,
form#wp-stripe-payment-form input { width:250px;}
form#wp-stripe-payment-form .stripe-row-right,.stripe-row-left{width:50%;}
form#wp-stripe-payment-form .wp-stripe-notification {width:250px;}
form#wp-stripe-payment-form select {width:290px;}
form#wp-stripe-payment-form .wp-stripe-card input.card-cvc {width:100px;}
form#wp-stripe-payment-form select.card-expiry-year {width:60px;}
form#wp-stripe-payment-form select.card-expiry-month {width:35px;}
form#wp-stripe-payment-form .stripe-expiry {display:none;}
}