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

    Requst to make form responsive

    Asked by cgskillaccounts on August 22, 2016 at 03:59 AM
    within a label sometimes there are a lot of instructional info in
    it. wondering how it would look on mobile? that was the reason i do

    and to adjust accordingly. what is better choice?
    ...
  • Profile Image
    JotForm Support

    Answered by beril on August 22, 2016 at 04:20 AM

    To solve that issue could you inject the CSS code below? At that situation, your form will be responsive.

     

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

        img {

            width : 300px!important;

        }

        li#id_137 {

            width : 300px!important;

        }

        .form-label {

            font-size : 10px!important;

        }

    }

     

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Profile Image

    Answered by cgskillaccounts on August 22, 2016 at 11:46 AM
    hi, how and where do i paste these codes? any additional things to follow?
    ...
  • Profile Image
    JotForm Support

    Answered by Jim_R on August 22, 2016 at 12:35 PM

    Here's a quick guide on how and where to paste CSS codes: How-to-Inject-Custom-CSS-Codes Note that this guide was also given to the original thread you posted.

    To sum it up, just click PREFERENCES at the top of your FORM BUILDER > FORM STYLES > CUSTOM CSS > place the codes there > then SAVE CHANGES

    I would also recommend you follow the suggestions of my colleague, Liyam, on the other thread https://www.jotform.com/answers/912038 I checked your form again and I still see the unclosed <small> tags you added to your labels:

    Here's how:

    To avoid confusion in replying, I'll list both of your threads:

    1. https://www.jotform.com/answers/912196 - Only reply to this thread if you're asking about injecting the CSS and making your form responsive

    2. https://www.jotform.com/answers/912038 - Only reply to this thread if you're asking about the font sizes getting smaller

    Let us know if you have further questions.