Creating responsive forms when using columns

  • Profile Image
    apothik
    Asked on December 06, 2017 at 04: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

  • Profile Image
    EltonCris
    Answered on December 06, 2017 at 06: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:

    Hope this helps!