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

    The first name and last name are under each other on mobile view.

    Asked by Samlate on March 08, 2017 at 02:20 PM

    One more question regarding the smartphone format for my form.

    The first name and last name are not under each other (they are side by side).

    How can I fix that?

    Thank you

  • Profile Image
    JotForm Support

    Answered by BDAVID on March 08, 2017 at 02:56 PM

    Please try injecting the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

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

    input#first_5 {

        width: 100px !important;

    }

    input#last_5 {

        width: 100px !important;

    }

    }

    Result:

  • Profile Image

    Answered by Samlate on March 08, 2017 at 03:06 PM

    Hi,

    I injected the CSS code, but the first name and last name are still sticked together.

  • Profile Image
    JotForm Support

    Answered by jonathan on March 08, 2017 at 05:42 PM

    I see it also working as intended on mobile browser on my latest test.

     

    but indeed the first name and last name field is a bit closer. You can make adjustment on the margin between them so it is more separated.

    Modify the CSS code provided by BDAVID previously to this...

     

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

        input#first_5 {

            width : 100px !important;

        }

        input#last_5 {

            width : 100px !important;

          margin-left : 10px !important;

        }

    }

    ---

    In the new code, I only added this one  

            margin-left : 10px !important;

     

    Save the form and test again. Let us know if this still did not fixed it.

     

     

  • Profile Image

    Answered by Samlate on March 08, 2017 at 06:30 PM

    Yes, it worked. Thank you.

    I also would like my "thank you page" to be adjusted to the smartphone format.

    Could you please help me with that?

    Thank you very much.

  • Profile Image
    JotForm Support

    Answered by jonathan on March 08, 2017 at 07:40 PM

    Since the next question was about a different feature, we will resolve it separately here 

    https://www.jotform.com/answers/1085369