SMS field is cut short on mobile

  • Profile Image
    ressources
    Asked on November 27, 2017 at 04: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).png

  • Profile Image
    Richie_P
    Answered on November 27, 2017 at 08:44 AM

    Hi,

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

    Was the issue fixed already?

    Thanks.

  • Profile Image
    ressources
    Answered 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

  • Profile Image
    Richie_P
    Answered 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.