Title: CSS Errors on Mobile
Last modified: August 15, 2020

---

# CSS Errors on Mobile

 *  Resolved [rdbrooks](https://wordpress.org/support/users/rdbrooks/)
 * (@rdbrooks)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-errors-on-mobile/)
 * Hi I’m getting a weird problem on mobile where the fields are being displayed
   properly.
 * [https://prnt.sc/tzyd2e](https://prnt.sc/tzyd2e)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [Clayton R](https://wordpress.org/support/users/mrclayton/)
 * (@mrclayton)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-errors-on-mobile/#post-13260959)
 * Hi [@rdbrooks](https://wordpress.org/support/users/rdbrooks/),
 * In the picture I can see on mobile your theme has padding on the left and right
   that is squeezing the form.
 * The Stripe form does its best to be mobile responsive but if it’s shrunk down
   to a certain width you will get that overlap.
 * Unfortunately I cannot control that behavior. You may find one of the custom 
   forms like the Bootstrap form more consistent for your theme.
 * Kind regards,
 *  Thread Starter [rdbrooks](https://wordpress.org/support/users/rdbrooks/)
 * (@rdbrooks)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-errors-on-mobile/#post-13261392)
 * Hi Mr. Clayton, thats exactly what i did. I removed the padding but couldn’t 
   figure out how to reduce the font size of the card field, but then I switched
   to the simplified theme and that fixed it 🙂 thanks for responding though.
 *  Plugin Author [Clayton R](https://wordpress.org/support/users/mrclayton/)
 * (@mrclayton)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-errors-on-mobile/#post-13261431)
 * Hi [@rdbrooks](https://wordpress.org/support/users/rdbrooks/)
 * Thanks for letting me know that one of the custom forms suited your needs. If
   you like I can show you how to control the font size of the Stripe form using
   filters provided in the plug-in.
 * Kind regards
 *  Thread Starter [rdbrooks](https://wordpress.org/support/users/rdbrooks/)
 * (@rdbrooks)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-errors-on-mobile/#post-13263617)
 * Yes please, that would be appreciated 🙂
 *  Plugin Author [Clayton R](https://wordpress.org/support/users/mrclayton/)
 * (@mrclayton)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-errors-on-mobile/#post-13264656)
 * Hi [@rdbrooks](https://wordpress.org/support/users/rdbrooks/),
 * Our API docs are a good resource for how to customize the plugin. Here is a link
   to the filter you can use to alter the Stripe form:
 * [https://docs.paymentplugins.com/wc-stripe/api/source-class-WC_Payment_Gateway_Stripe_CC.html#92](https://docs.paymentplugins.com/wc-stripe/api/source-class-WC_Payment_Gateway_Stripe_CC.html#92)
 * Example:
 *     ```
       add_filter('wc_stripe_cc_element_style', function($style){
           $style['base']['fontSize'] = '16px';
           return $style;
       });
       ```
   
 * Kind Regards,

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS Errors on Mobile’ is closed to new replies.

 * ![](https://ps.w.org/woo-stripe-payment/assets/icon-256x256.png?rev=2611337)
 * [Payment Plugins for Stripe WooCommerce](https://wordpress.org/plugins/woo-stripe-payment/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woo-stripe-payment/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woo-stripe-payment/)
 * [Active Topics](https://wordpress.org/support/plugin/woo-stripe-payment/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woo-stripe-payment/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woo-stripe-payment/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Clayton R](https://wordpress.org/support/users/mrclayton/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/css-errors-on-mobile/#post-13264656)
 * Status: resolved