How to change width of phone number field while staying responsive

  • Profile Image
    ipmdesign
    Asked 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
    aubreybourke
    Answered 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