Hyphen in phone number field wrapping weird in responsive view

  • Profile Image
    dogboy
    Asked on January 15, 2015 at 01:20 AM

    Hi, the hyphen between the "area code" and "phone number" fields in my form is wrapping weird when the form is in responsive view, causing the "area code" text to jump down a line.  See screenshot attached.

  • Profile Image
    EltonCris
    Answered on January 15, 2015 at 10:35 AM

    Hi,

    Add this CSS codes to your form, this should fixed it.

    @media screen and (max-width:400px){

    input[name$="[area]"] {width: 85%;}

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

    I'll also address this to our developers. Thanks for reporting.

    Thank you!

     

  • Profile Image
    dogboy
    Answered on January 15, 2015 at 11:37 AM

    Hi, thanks for the response.  I inserted that code and it didn't fix the problem.

  • Profile Image
    EltonCris
    Answered on January 15, 2015 at 11:43 AM

    Hi,

    I see. Thanks for your swift reply.

    Please try changing 85% to 70%, this might work. I think 85% is a little bit high.

    Let us know if this doesn't make any difference so I can fix it for you. 

    Thank you!

  • Profile Image
    dogboy
    Answered on January 15, 2015 at 11:58 AM

    Thanks again.  I changed it to 80% and that DID work, but I set it to 75% just to be safe.

    Thanks for the quick response, much appreciated!

  • Profile Image
    EltonCris
    Answered on January 15, 2015 at 12:03 PM

    Great. Cheers! =)