Responsive form on iPhone5

  • Profile Image
    Asked on March 13, 2014 at 05:41 PM

    I am trying to get this form to act responsivley on an iPhone 5 but it is not working no matter what medai query I use or what size I adjust the form. Please help

  • Profile Image
    Answered on March 13, 2014 at 09:59 PM

    Can you please try adding this code in your HTML page, before the  </head> tag.
    iframe, iframe#JotFormIFrame { height:550px !important; }
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    Then add this custom CSS code into your form (use this guide)

    @media only screen

    and (min-device-width : 320px)

    and (max-device-width : 100%)

    iframe,.form-all { height:550px !important; } }