The form on my website is not working on iPhone

  • cmroh
    Asked on February 12, 2017 at 10:44 PM

    testyourprod.com 

    Career page

    Please assist. The form is cutting off (not displaying the full form). 

    Page URL: http://testyourprod.com/career.html
  • Charlie
    Replied on February 13, 2017 at 3:39 AM

    Hi,

    Have you tried getting a fresh copy of the iFrame embed code and re-embed it on your website?

    Even on just a desktop browser, the part of your content is already cut off. Here's a screenshot of it:

    The form on my website is not working on iPhone Image 1 Screenshot 30

     

    You can see that the <main> element only have a height of 500px and it doesn't cover everything.

    The form embed code that you have also uses a height of 100% which will not work because the height property only accepts "px" or "em" in the iFrame. 

    The form on my website is not working on iPhone Image 2 Screenshot 41

     

    I suggest that you check with your developer on how to fix the layout. I also suggest getting a fresh copy of the iFrame embed code, there's a script included there that should make the form more mobile responsive. The height property of the frame should also be in "px" or "em", not "%". 

    To learn more about the iFrame embed code, you can check this guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

    I hope that helps.