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

    Mobile view issue: the email field is over lapping the phone number field.

    Asked by MCCJAY on February 10, 2017 at 06:31 PM

    Hello,

     

    I am having the below problems, the email field is over lapping the phone number field and the lets start button on the first page is not centered. I have had this issue a few times and I'm not sure why this keeps happening. 

     

    Thank you

     

    Page URL:
    https://www.jotform.com/63656033912152

  • Profile Image
    JotForm Support

    Answered by BDAVID on February 10, 2017 at 06:57 PM

    Try injecting the following code in your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

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

    #id_56{

        width: 100% !important;

    }

    #form-pagebreak-next_60 {

        margin-left: -50px !important;

    }

    }

    Result:

    Let us know if you need more help.

  • Profile Image

    Answered by MCCJAY on February 11, 2017 at 12:03 PM

    Hello,

     

    That did help on the mobile view however when I view it on a desktop I am still off center

     

    Thank you again for your help

  • Profile Image
    JotForm Support

    Answered by Kiran on February 11, 2017 at 04:00 PM

    I see that you have already injected some CSS code to the form to center the button.

    The code provided by our colleague should be working only when the form is viewed on mobile devices. If you still need any assistance with your form, please let us know. We will be happy to assist. 

  • Profile Image

    Answered by MCCJAY on February 12, 2017 at 03:19 PM

    Hello,

     

    Yes, I do need additional help on this. Is there a different CSS code I need to use to make sure my button is centered when viewing on a desktop?

     

    Worst case: Can anyone tell me what codes need to be removed/add so it is centered on a desktop and not on mobile? I would like it to be centered on both mobile and desktop but if I had to pick I would go for desktop for now.

     

    Thank you

  • Profile Image
    JotForm Support

    Answered by EltonCris on February 12, 2017 at 07:27 PM

    I've fixed it for you. Kindly check your form now https://www.jotform.com/63656033912152

    Buttons are now centered on desktop and on mobile. I've also fixed the display of your phone on mobile.