My jotform is cut at the bottom on iPad

  • russbanner
    Asked on February 12, 2015 at 9:36 AM
    Also the form seems to be cut at the bottom, form looks fine on other devices
  • Ben
    Replied 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" onDISABLEDload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>
    </div>

    Do let us know how it goes.