Unable to fill in form fields in mobile vertical view

  • Profile Image
    transpay
    Asked on July 03, 2015 at 06:13 PM

    When I preview my form using mobile vertical view and try to complete the form fields, no text appears. This problem does not appear when I switch to horizontal mobile, iPad, or desktop mode. Can someone help me with this?

    The below screenshot shows is what shows as I am entering information into the fields in vertical mobile mode.

     

    Here's what shows when I switch to horizontal mobile mode.

     

  • Profile Image
    Mike
    Answered on July 03, 2015 at 07:04 PM

    The issue appears to be caused by the fields label width. Please add the next CSS in order to fix this on the mobile devices.

    @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-label {

    width: auto !important;

    }

    }

    If you need any further assistance, please let us know.

  • Profile Image
    transpay
    Answered on July 03, 2015 at 07:21 PM

    Thank you Mike! This solved the problem :)