SMS field is cut short on mobile

  • ressources
    Asked on November 27, 2017 at 4:36 AM

    Hi, could someone help me fix the height here? Check screenshot below; the sms phone number field is cut on mobile:

    Thanking you in advance!

    1511775913image1 (1) Screenshot 10

    Jotform Thread 1307571 Screenshot
  • Richie JotForm Support
    Replied on November 27, 2017 at 8:44 AM

    Hi,

    I have checked your form and launch it in my mobile phone and I cant seem to replicate the problem above.

    SMS field is cut short on mobile Image 1 Screenshot 20

    Was the issue fixed already?

    Thanks.

  • ressources
    Replied on November 27, 2017 at 10:28 AM

    No, it's the same. It also appears that on your phone the field isn't centered. Can you help me in figuring things out? I'd like it centered and to show the text box in its entirety on all phone ideally. Thanks in advance

  • Richie JotForm Support
    Replied on November 27, 2017 at 10:54 AM

    Hello again,

    Here is the custom css code to center the phone field in all mobile previews.


    @media (max-width: 480px){
     #cid_4.form-input-wide.jf-required div{
     margin-left:70px;
    }
    }
    @media (min-width:1291px){
    #cid_4.form-input-wide.jf-required div{
      text-align: center !important;

    }
    @media (min-width:481px) and (max-width:600px){
      #cid_4.form-input-wide.jf-required div{
      margin-left:100px;
    }
    }
    @media (min-width:601px) and (max-width:960px){
      #cid_4.form-input-wide.jf-required div{
      text-align: center !important;
    }
    }
    @media(max-width:1290px) and (min-width:961px){
        #cid_4.form-input-wide.jf-required div{
      text-align: center !important;
    }
    }


    Here is a guide in how to insert custom css:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


    I hope this information helps you.

    Best Regards.