Why won't my form view correctly on a mobile device?

  • Profile Image
    CheriseAnderson
    Asked on January 12, 2016 at 06:19 PM

    I would like help with my form "Spring League Registration 2016."  The form looks great on a desktop or laptop, but doesn't view correctly on a mobile device.

     

    Cherise Anderson

    (909) 744-7847

  • Profile Image
    Kevin_G
    Answered on January 12, 2016 at 10:21 PM

    Hi,

    Thank you for contacting us.

    You can try following this guide : http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive 

    Or also injecting this CSS code in your form : 

     /*-----------RESPONSIVE LAYOUT-----------*/

     

     

     

    .form-line.form-line-column {

     

    width: 100% !important;

     

    margin-left:0

     

    }

     

     

     

    .form-line{

     

    width: 100%;    

     

    }

     

     

     

    .form-textarea,

     

    .form-textbox,

     

     

     

    .form-dropdown{

     

    width: 100% !important;

     

    -webkit-box-sizing: border-box;

     

    -moz-box-sizing: border-box;

     

    box-sizing: border-box;

     

    }

     

     

     

    .form-label-left, .form-label-right{

     

    width: auto !important;

     

    }

     

     

     

    .form-buttons-wrapper{

     

    margin-left:0 !important;

     

    }

     

     

     

    .form-input {

     

    width: 100% !important;

     

    }

     

     

     

    .form-all{

     

    width: 75% !important;

     

    }

     

     

     

    .form-sub-label-container {

     

    width: 100% !important;

     

    display: block  !important;

     

    }

    Hope this will help you.

    Regards.