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

    Couple of formatting issues

    Asked by corelight on January 10, 2017 at 04:28 PM

    Hi - can you provide some insight into why on a mobile device as opposed to on a desktop the Company field is offset in the column it is in?

     

    Also, when I shink this responsive form, overlap occurs with the first two fields on the top left of the form only.  How can I correct this?

     

    Thanks, Mike

    Page URL:
    https://www.jotform.com//?formID=70095852171153#design

    Screenshot
  • Profile Image

    Answered by Ian on January 10, 2017 at 07:28 PM

    I could not replicate the issue. This is the screenshot from mobile

    I would suggest you to clear the form cache and the browser cache and check again.
    Browser cache http://www.refreshyourcache.com/en/home/

    Form cache https://www.jotform.com/help/229-How-to-Clear-Your-Form-Cache

             

    If you still face any issue let us know.

  • Profile Image

    Answered by corelight on January 11, 2017 at 05:50 PM

    In your example the Company field should be left justified and it is indented.  Any thoughts on why this is occuring and the best way to fix it?

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 11, 2017 at 11:46 PM

    There's a left padding declared for that particular field.

    You can change it to 0 from 17px when viewed on mobile. Inject this CSS to your form, paste it into the bottom section. This should fix it.

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

    li#id_23 {padding-left: 0 !important;}

    }

    Regards!