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

  • Profile Image
    Samlate
    Asked 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
    BDAVID
    Answered 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
    Samlate
    Answered 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
    jonathan
    Answered 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
    Samlate
    Answered 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
    jonathan
    Answered 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