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

    How can I make my form responsive when I use WIX HTML embedding?

    Asked by esdexo on October 24, 2015 at 06:36 PM

    I've followed the steps to using the WIX embed cde from jotform, however, after publishing it on WIX, and testing from my iphone, my page is still not responsive and super hard to complete.

    This is my page: http://www.ilashart.com/#!clientprofile/c1q9a

    I need users to be able to complete this form from their mobile devices/tablets.

    Page URL:
    http://www.ilashart.com/#!clientprofile/c1q9a

    form responsive wix responsive
  • Profile Image
    JotForm Support

    Answered by EltonCris on October 25, 2015 at 07:43 AM

    That's most likely due to the formatting you have with your form.

    Please inject this CSS codes to your form, this will correct some of the elements layout on mobile. This would also eliminate the horizontal scroll bar.

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

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

        white-space: normal !important;

    }

    .form-label {

        width: 100%!important;

        display: block !important;

        float: none !important;

            text-align: left !important;

    }

    div.form-header-group {

        padding: 0 10px !important;

        margin: 0 !important;

        }

        .form-label-right {

        padding-right: 0 !important;

        }

    }

    Guide: https://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes (please paste it at the bottom part).

    Please take note that the height display of the form on mobile depends on the container where you have pasted the form embed code. If you want to increase the height of the container, simply increase the HTML snippet where you have pasted the form embed code on the Wix builder.

    Result:

    If you have further questions, let us know.