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

  • Samlate
    Asked on March 8, 2017 at 2: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).

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

    How can I fix that?

    Thank you

  • David JotForm Support Manager
    Replied on March 8, 2017 at 2: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:

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

  • Samlate
    Replied on March 8, 2017 at 3:06 PM

    Hi,

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

  • jonathan
    Replied on March 8, 2017 at 5:42 PM

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

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

     

    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.

     

     

  • Samlate
    Replied on March 8, 2017 at 6: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.

  • jonathan
    Replied on March 8, 2017 at 7:40 PM

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

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