Target Text-Area Field Width on Iphone Only With CSS

  • markashton
    Asked on October 12, 2015 at 10:43 AM

    Hi,

    This form: https://form.jotform.com/52812559863970

    Text area field width is perfect on all browsers and devices I have tested on ... except for Iphone (Iphone 6 I am viewing it on)

    Even Ipad ... the width is fine.

    However, the width of the Text-box falls short on an Iphone by around 20px.

    Can you advise me the CSS that I should use to correct this

    Many Thanks

    Regards Mark 

  • Kiran Support Team Lead
    Replied on October 12, 2015 at 1:04 PM

    Could you try injecting the following CSS to your form and see if that helps in viewing the textboxes correctly on iphone 6? 

    @media only screen 

    and (min-device-width : 375px) 

    and (max-device-width : 667px){

        .form-textbox {

            min-width : 105%;

        }

        .form-textarea {

            min-width : 105%;

        }

    }

    Let us know if you need any further assistance. We will be happy to help.

  • markashton
    Replied on October 12, 2015 at 1:29 PM

    Many Thanks,

    Totally on the right track.

    Regards Mark

  • Kiran Support Team Lead
    Replied on October 12, 2015 at 2:37 PM

    Great!! Glad to see that the issue is now resolved. 

    Thank you for using JotForm!!