Text is being cut off in form boxes (iPhone)

  • Profile Image
    marinamaral2
    Asked on April 15, 2017 at 07:33 PM

    It's working just fine on my pc and iPad, but when I try to fill the form on my iPhone it looks like this. The mobile responsive widget is activated.

     

  • Profile Image
    liyam
    Answered on April 16, 2017 at 05:52 AM

    As it seems that the height of the text boxes are small enough when viewed on iPhone, can you try injecting this CSS code and let us know if it fixes the problem?

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
       .form-textbox {
          height: 25px;
       }
    }

    If you need to know how to inject CSS codes into your form, please refer to this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Feel free to get back to us anytime if you have questions or other concerns.

  • Profile Image
    marinamaral2
    Answered on April 16, 2017 at 06:42 AM

    It worked! Thank you.