How can I make the field width the same on the desktop version and mobile version?

  • Profile Image
    alex_glassman
    Asked on April 21, 2013 at 04:20 PM

    Hi there, 

    I can't seem to make the form fields the same width on the desktop version and the mobile version. Is it possible to make them all of equal width for both versions? 

    I've attached an image of what it looks like on the mobile version (on an iPad in Safari - but it looks the same in Chrome and on Android tablets)

    Thanks for your help in advance!

  • Profile Image
    jefreylandicho
    Answered on April 21, 2013 at 04:31 PM

    Please try adding this code in your form styles and see if it works.

    input[type=email], textarea {
    width:380px !important;
    }

    To add the code in your form styles, select Setup & Embed and click the Preferences Icon.

    Click Form Styles and add the code as shown below.

    If you need to adjust the name field, please add the css code below as well.

    input[type=text] {
    width:183px !important;
    }

    Note:You can change the pixel(px) value to equalize the field width size.

    If you need further assistance, please contact us again.

  • Profile Image
    alex_glassman
    Answered on April 21, 2013 at 05:20 PM

    Thank you!

    Worked like a charm. 

  • Profile Image
    jefreylandicho
    Answered on April 21, 2013 at 05:25 PM

    We are glad to hear that. If you need our assistance again, please do not hesistate to use forum support again.