Mobile View the Phone Number field does not have the same width as the other fields.

  • skinnyfatties
    Asked on February 11, 2018 at 3:54 PM
    That seems to have work, but now the phone number field is smaller than the others. Can you help? www.airtailor.com and click, "REQUEST ACCESS"
  • David JotForm Support Manager
    Replied on February 11, 2018 at 4:07 PM

    Please inject the following CSS code in your form to make it full width in mobile view: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

    [data-type=control_phone] .form-sub-label-container:first-child {

        width: 100% !important;

    }

    }

    Result:

    1518383226full Screenshot 10

  • skinnyfatties
    Replied on February 11, 2018 at 4:26 PM

    That worked, thank you!

  • David JotForm Support Manager
    Replied on February 11, 2018 at 5:28 PM

    You are welcome! :-)