My form field labels overshoots the form width

  • NgeeAnnPolytechnic
    Asked on December 10, 2017 at 8:49 AM

    qn text overshoots - as seen in pic. how to resolve this? tks

    see screenshot:

    https://app.box.com/s/oruc9zawni7j3kb7627lzi3ih0d7my6a

  • Welvin Support Team Lead
    Replied on December 10, 2017 at 12:57 PM

    Your custom CSS in the form targeting the form label is causing the problem. 

    My form field labels overshoots the form width Image 1 Screenshot 20

    You should remove this to keep the default one which will automatically wrap texts in a new line if it's too long. 

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

  • NgeeAnnPolytechnic
    Replied on December 14, 2017 at 8:05 AM

    dear sir,

    my qn still gets truncated when viewed on smaller screen..any idea how?


    https://form.jotform.me/73321315961452

    1513256741Picture2 Screenshot 10

  • Richie JotForm Support
    Replied on December 14, 2017 at 9:49 AM

    Hi,

    As what my colleague have suggested, remove this in your css.

    My form field labels overshoots the form width Image 1 Screenshot 30

    and your form would be mobile responsive again.

    My form field labels overshoots the form width Image 2 Screenshot 41