Make input fields size responsive

  • Resolved webdes44

    (@webdes44)


    2 years, 1 month ago

    As you can see in the screenshot, 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 2 years, 1 month ago by webdes44.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hey @webdes44,

    Can you please disable all caching/minification plugins on your website and let us know so we can test again?

    Thread Starter webdes44

    (@webdes44)

    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

    (@webdes44)

    Actually, I realized the caching is happening via GoDaddy. Just disabled it.

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hey @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.

    Thread Starter webdes44

    (@webdes44)

    I don’t know because I don’t know what to look for in the link you shared.

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hey @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. 

    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.