Phone number not showing properly on iPhone - mobile responsive

  • Profile Image
    ronprosky
    Asked on February 01, 2017 at 02:00 PM

    phone number field then area code field makes it confusing on iphone 6.

  • Profile Image
    Jan
    Answered on February 01, 2017 at 02:32 PM

    Please try inserting this CSS code in order to reduce the width of the Area field:

    @media screen and (max-width:480px){
    input[name$="[area]"] {width: 80%;}
    }

    Here's a guide on how to inject CSS code in the form:

    1. In the Form Builder V4, click the "Form Designer" icon.

    2. Go to the "CSS" tab and paste the custom CSS code. Click the "Save" button after.

    Here's the result:

    Hope hat helps. Thank you.