Why my form does not display properly on iPhone devices?

  • Metalp3n
    Asked on June 23, 2017 at 11:39 AM

    When utilizing Google Chrome on an iPhone 6 or 7, the form embedded on this page doesn't format correctly:

    https://expressfundingcorp.com/apply-now/

    All other browsers work fine. Android has no issues. PC and Mac works fine. Solely on iPhone do the text fields have the wrong width. 

    Jotform Thread 1181855 Screenshot
  • Kevin Support Team Lead
    Replied on June 23, 2017 at 1:35 PM

    I have checked your form and I can see the same issue, could you please try re-embedding your form using its iFrame code? 

    This guide will help you to get it: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

    If you are still experiencing the issue, please keep the iFrame code and inject the following CSS code to your webpage, the form currently has a dynamic width, the code  below will set a fixed width value when the form is viewed from a mobile device so the issue should not happen. 

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

    iframe[id*="JotFormIFrame"]{

          width: 400px !important;

          }  

    }

    Hope this helps. 

     

  • Metalp3n
    Replied on June 23, 2017 at 3:58 PM

    Got it - thank you!