My jotform is cut at the bottom on iPad

  • Profile Image
    russbanner
    Asked on February 12, 2015 at 09:36 AM
    Also the form seems to be cut at the bottom, form looks fine on other devices
  • Profile Image
    Ben
    Answered on February 12, 2015 at 12:27 PM

    Please add this CSS code right above the iframe and check how it looks on your iPhone and iPad. Looking at it it seems to be just the right size for it.

    .no-touch iframe#JotFormIFrame {
          min-width: 2260px;
       }
    @media screen and (max-width: 320px)
    {
       .no-touch iframe#JotFormIFrame {

          min-width: 2600px;
       }
    }
    @media screen and (max-width: 360px)
    {
       .no-touch iframe#JotFormIFrame {
          min-width: 2510px;
       }
    }

    It should go right above the iframe code.

    <div align="left" class="wcustomhtml" style="width: 100%; overflow-y: hidden;" id="706394482870915816">
        here
        <iframe frameborder="0" scrolling="no" style="width:100%; height:2200px; border:none;" src="//form.jotformeu.com/form/50416592810351" allowtransparency="true" onload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>
    </div>

    Do let us know how it goes.