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 is my form only responsive for the first page?

    Asked by The_Studio on April 21, 2016 at 11:51 AM

    Hi,

    We are building a form with using your website. In our settings we have the form set to be responsive. The first page of the form is perfectly responsive. However, when you click NEXT to go to the next page it somehow loses the responsive adjustments that are applied to the first page. Is there a way we can have our entire form be responsive? 

    Thanks!

    Valerie

    Page URL:
    http://www.stewartstand.com/pages/custom-program

    first page first form set settings next thanks
  • Profile Image
    JotForm Support

    Answered by BJoanna on April 21, 2016 at 02:25 PM

    I have tested your form and I saw that only check box options are not responsive.

    You can make check box options and "Other" text field responsive by Inject this CSS code:

    .form-radio-item label, .form-checkbox-item label {

    display: block !important;

    margin-left: 19px;

    margin-top: -17px;

    }

    @media only screen and (max-width: 550px){

    .form-all {

    width:100% !important

    }

    .form-radio-item label {

    white-space:normal;

    }

    .form-checkbox-item label {

    white-space:normal;

    }

        #input_34, #input_45, #input_39 {

        width:200px!important;

    }

    }

    Inside of this guide you can find how to Inject Custom CSS codes to your form:

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

    After you add this code your form will look like this. 

    Here is my cloned form, where I added mentioned CSS code: 

    https://form.jotform.com/61115676017957 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.