Why isn't my form mobile responsive?

  • farmcreditIL
    Asked on September 8, 2017 at 12:21 PM

    We've published a registration form and it is not viewing correctly on my iPhone 6+. I've gone in to do what I can to make it mobile responsive. And even finally added a mobile responsive widget that your FAQ suggested. Help!

  • Chriistian Jotform Support
    Replied on September 8, 2017 at 12:49 PM

    I am currently checking your form. Please give me some time to further investigate the issue. I will get back to you as soon as I get a result.

  • Chriistian Jotform Support
    Replied on September 8, 2017 at 12:58 PM

    As per checking, here is how your form looks like on iPhone 6+ emulator:

    Why isnt my form mobile responsive? Image 1 Screenshot 20

    To fix the display of the fields on your form, can you please try to inject this custom CSS code in your form?

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

    .form-line.form-line-column {

    margin-left:0px;

    }

    .form-submit-button {

    height:50px;

    }

    }

    To inject custom CSS code to your form, just follow the instructions provided in this article: How to Inject Custom CSS Codes.