Title: Make input fields size responsive
Last modified: February 17, 2023

---

# Make input fields size responsive

 *  Resolved [webdes44](https://wordpress.org/support/users/webdes44/)
 * (@webdes44)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/make-input-fields-size-responsive/)
 * As you can see in [the screenshot](https://workdrive.zohoexternal.com/file/fsrd47ef7fe7f8f7440edba070afd5aeefef8),
   when the screen size is less than desktop/laptop, the size of the input field
   for email doesn’t properly change. It’s longer than the rest when the fields 
   are stacked on top of each other on tablet and mobile. Any CSS to change this?
   I’ve experimented but can’t figure it out.
 * Thank you.
    -  This topic was modified 3 years, 3 months ago by [webdes44](https://wordpress.org/support/users/webdes44/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmake-input-fields-size-responsive%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Contributor [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * (@hchouhan)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/make-input-fields-size-responsive/#post-16483205)
 * Hey [@webdes44](https://wordpress.org/support/users/webdes44/),
 * Can you please disable all caching/minification plugins on your website and let
   us know so we can test again?
 *  Thread Starter [webdes44](https://wordpress.org/support/users/webdes44/)
 * (@webdes44)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/make-input-fields-size-responsive/#post-16488696)
 * Hi Harish,
 * I don’t have any active caching/minifying plugins activated. I have W3 Total 
   Cache installed, but I’m only going to activate it in the future. I have not 
   activated it once.
 * Would giving admin access help, if there’s a way to do that securely?
 *  Thread Starter [webdes44](https://wordpress.org/support/users/webdes44/)
 * (@webdes44)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/make-input-fields-size-responsive/#post-16489073)
 * Actually, I realized the caching is happening via GoDaddy. Just disabled it.
 *  Plugin Contributor [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * (@hchouhan)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/make-input-fields-size-responsive/#post-16489450)
 * Hey [@webdes44](https://wordpress.org/support/users/webdes44/),
 * Do you know if your theme is adding CSS rules for our plugin? Please check [https://www.prospectdome.com/wp-content/themes/fcunited/css/__custom.css](https://www.prospectdome.com/wp-content/themes/fcunited/css/__custom.css).
 *  Thread Starter [webdes44](https://wordpress.org/support/users/webdes44/)
 * (@webdes44)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/make-input-fields-size-responsive/#post-16489474)
 * I don’t know because I don’t know what to look for in the link you shared.
 *  Plugin Contributor [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * (@hchouhan)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/make-input-fields-size-responsive/#post-16493202)
 * Hey [@webdes44](https://wordpress.org/support/users/webdes44/),
   All the styles/
   CSS are applied by your theme and not our plugin. You can use the following CSS
   to get a quick fix but I would recommend contacting the theme developers to look
   into a permanent fix.
 *     ```wp-block-code
       form.mc4wp-form .mc4wp-form-fields input[type=email] {
           width: auto;
       }
   
       @media (max-width: 479px)
       form.mc4wp-form .mc4wp-form-fields input[type=email] {
           padding-right: 21px;
       }
       ```
   

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

The topic ‘Make input fields size responsive’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp-for-wp/assets/icon-256x256.png?rev=1224577)
 * [MC4WP: Mailchimp for WordPress](https://wordpress.org/plugins/mailchimp-for-wp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp-for-wp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp-for-wp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp-for-wp/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * Last activity: [3 years, 3 months ago](https://wordpress.org/support/topic/make-input-fields-size-responsive/#post-16493202)
 * Status: resolved