Form is cut off at bottom on iPhone only

  • diagnostichealthlc
    Asked on September 22, 2015 at 4: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

    Jotform Thread 668206 Screenshot
  • Ben
    Replied on September 22, 2015 at 5: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.