Form is cut off at bottom on iPhone only

  • Profile Image
    diagnostichealthlc
    Asked on September 22, 2015 at 04:17 PM

    Hi on the site

    www.firstchoicehealthandinjury.com

    the form under the main header where you enter your info to receive the first 2 visits for only $47 is cropped. it looks good on the computer but is cropped on the iPhone please advise. 

    Thanks

  • Profile Image
    Ben
    Answered on September 22, 2015 at 05:37 PM

    I have tried to recreate the same, but it seems that the form is being resized properly.

    The only way that I can recreate the same is if you resize the width of your browser, which leaves that form in the same size as it was loaded in.

    If it is still not resized properly for you, you can apply the following CSS to your website:

    <style type="text/css">
    @media screen and (min-width:768px) {
      #JotFormIFrame {
        min-height: 186px;
      }
    }
    @media screen and (max-width:360px) {
      #JotFormIFrame {
        min-height: 470px;
      }
    }
    @media screen and (max-width:320px) {
      #JotFormIFrame {
        min-height: 490px;
      }
    }
    </style>

    - You should add it in the head element, but if not possible, it can be placed around the iframe as well.

    Do let us know how it goes.