The fields of my form are using the full width when I embed it on my website

  • Profile Image
    Asked on December 29, 2014 at 12:32 PM

    Please look at the form I built on Jotform and compare it to the Weebly form.  I put them side-by-side on the website.  I want the text boxes for the name to be smaller and in one line instead of long lines on top of each other.  I used a stock form and didn't mess with the size of the text boxes so they should be 96px.  Sure wish you had Live Chat going today to I could get this little glitch fixed.

    I use JotForm because of the Catcha feature and all the cool templates.





  • Profile Image
    Answered on December 29, 2014 at 01:25 PM

    Please try to use this cloned version of your form:

    What I did was setting the width of the form to 439px which is the width of the parent div of the form and disabling the form responsiveness since this is what is making the fields using the 100% of the form when the width of the form is lower than 480px which is your case.

    I've also manually removed the CSS code that was created to make the form responsive, which means that the form will be displayed the same way regardless of the width of the div when you embed it.

    You can clone the form to your account by following the steps provided on this guide:

    Let us know if you need further assistance.
    Thank you.