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 to format my form to properly display in mobile devices?

    Asked by MarianaCCForm on April 04, 2017 at 04:25 PM

    Hi I have a form that looks nice on a laptop or desktop but not looking great on mobile, can you please assist with the following:

    1. logo supper small on left

    2. tabs not next to each other

    3. other option delay not in the correct place 

    Page URL:
    https://form.myjotform.com/70251342255548

  • Profile Image
    JotForm Support

    Answered by Kevin_G on April 04, 2017 at 09:03 PM

    Please, inject the following CSS code to display the fields as you need:

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

        .form-header-group.hasImage>.header-logo{

            display: initial;

        }

      .tabs-list li{

          width: 20%;

        height: 42px !important;

      }

      .tabs-list .liAfter{

             border-bottom-width: 54px !important;

      }

      #form-tab-1 .liAfter{

        border-bottom-width: 54px !important;

      }

      .tabs-list{

         margin: 0px !important;

      } 

      #input_36{

        width: 85% !important;

      }

    }

    Please, follow this guide in order to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    Here's a cloned form of yours where you can see how the code will work: https://form.jotformpro.com/70938338478976 

    Hope this helps.