What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by CheriseAnderson 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

    Page URL:
    https://form.jotform.com/60076824581155

    Mobile mobile device correctly won't
  • Profile Image
    JotForm Support

    Answered by Kevin_G 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.