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

    Payment wizard not displaying correctly on mobile

    Asked by lblanco3 on May 09, 2017 at 12:33 PM

    Hi guys, i have a payment wizard form but when i publish it the data seems to be hidden for some reason, ive had this form for months and this is new.

    Please help?

    Page URL:
    https://form.jotformpro.com/lblanco3/pimiento-rosa-men-fit-y-low-carb

  • Profile Image
    JotForm Support

    Answered by david on May 09, 2017 at 01:50 PM

    I checked your form on mobile and the layout looked ok on my end:

    What type of device and browser are you using that it shows incorrectly formatted?  Let us know and we will see what we can do to fix it.

  • Profile Image

    Answered by lblanco3 on May 09, 2017 at 02:31 PM

    Iphone 5, IOs 10.3.1, and i just tried on android and had the same issue, 

    Im in Costa Rica, not sure if that makes any difference?

  • Profile Image
    JotForm Support

    Answered by david on May 09, 2017 at 03:46 PM

    Very odd, I tested on Android as well and everything was formatted correctly.  Try adding the following code to your form to see if it will properly adjust the sizing on mobile:

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

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

    .form-product-item .form-sub-label-container {

        display: block;

        position: initial !important;

        float: none;

        margin: 10px 0 !important;

        width: 30%;

    }

    span.form-product-item {

        height: auto !important;

        width: 100% !important;

        box-sizing: border-box;

    }

    }

  • Profile Image

    Answered by lblanco3 on May 09, 2017 at 05:29 PM

    Still nothing :(

  • Profile Image
    JotForm Support

    Answered by david on May 09, 2017 at 06:39 PM

    Try adding the following:

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

    span.form-product-item {

        min-height: 200px !important;

        width: 360px !important;

        box-sizing: border-box;

    }
    }

    Adjust the height and width until it looks good on your end.

  • Profile Image

    Answered by lblanco3 on May 09, 2017 at 08:19 PM

    That made the trick! thank you!