What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Form is cut off at bottom on iPhone only

    Asked by diagnostichealthlc 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

    Page URL:
    www.firstchoicehealthandinjury.com

    Screenshot
    Mobile mobile version site receive
  • Profile Image

    Answered by Ben 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.