Creating responsive forms when using columns

  • apothik
    Asked on December 6, 2017 at 4:19 PM

    Hello

    I am building my first form since deciding to purchase, and I have run into an issue I can't quite figure out.

    In other form systems I've used, when putting something into multiple columns for wider screen sizes, the columns would collapse to and make everything full-width on smaller devices. 

    There must be a setting I am missing to allow this to happen in JotForm. Can you point me in the right direction?

    Thanks!
    Robb

  • Elton Support Team Lead
    Replied on December 6, 2017 at 6:33 PM

    Your form actually expands on mobile but not 100% full-width.

    If you want, inject this CSS codes to your form 

    @media screen and (max-width: 40em){

    .form-all {width: 100% !important;}}

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

    This is how it looks after:

    Creating responsive forms when using columns Image 1 Screenshot 20

    Hope this helps!