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

    Optimize form for mobile device

    Asked by reciproc8 on November 28, 2013 at 11:18 AM

    Hey guys
    I noticed on my iPhone the text size of field options is not consistent.  Why is this and how do I fix it?  It's messing up my form.  Bad

    Thanks

     

    formID=33307459495968 

    different size thanks
  • Profile Image

    Answered by pinoytech on November 28, 2013 at 12:01 PM

    Hi,

    Injecting Custom Css code in your form will allow you to have the form display correctly on both pc and mobile phones.

    @media only screen

    and (min-device-width : 320px)

    and (max-device-width : 480px) {

    /* Styles */

    }

    You may try to inject this custom css into your form.

    @media only screen

    and (min-device-width : 320px)

    and (max-device-width : 480px) {

    .form-all {

    width: 320px !important;

    }

    #progressBar.progressbar-control {

    width: 93% !important;

    }

    .form-pagebreak-next {

    margin-top: 80px !important;

    }

    .form-pagebreak-back {

    margin-top: 80px !important;

    }

    }

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

    Here's how it looks like:

    Feel free to contact us again if you need further assistance at anytime.