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

    How to change width of phone number field while staying responsive

    Asked by ipmdesign on July 20, 2017 at 06:01 PM

    Hello,

    I have the phone number field with the fill input mask option turned on. While trying the form on my phone the phone number field is a bit small that it would only show about 7 of the digits and I would like to have the box be bigger so you can see the full phone number.

     

    I would like to make this wider, but from the other forum posts I've seen the solution uses (for example) width: 150px !important option. I am worried this will not stay responsive.

     

    Is there another option I can use?

  • Profile Image
    JotForm Support

    Answered by aubreybourke on July 20, 2017 at 06:29 PM

    It should be fine to increase the length to the same size of the other fields.

    Try this CSS:

    #input_203_full, #input_151_full, #input_168_full, #input_177_full,#input_189_full{
      width: 240px !important;
    }

    How to Inject Custom CSS Codes