How do I create mobile friendly jot forms for my website

  • EHCAP
    Asked on May 15, 2016 at 2:38 AM

    My web address is www.ehcap.co.uk . I have embedded several jot forms but they cant be viewed from mobile phones. Please advise.

    Page URL: http://www.ehcap.co.uk/feed-back-form
  • Elton Support Team Lead
    Replied on May 15, 2016 at 4:34 AM

    The embedded form appears cut off on mobile because there's an existing CSS codes in your website that limits the iframe height element when viewed on mobile.

    I suggest to re-embed your form using iframe embed code and then insert min-height:2722px !important; on the style attribute found on the iframe embed code.

    Example:

    <iframe onDISABLEDload="window.parent.scrollTo(0,0)" src="https://form.jotformeu.com/form/61153700236344" allowtransparency="true" frameborder="0" name="61153700236344" id="61153700236344" style="width: 100%;border: none;height: 2722px;min-height: 2722px !important;" scrolling="no"></iframe>

    And to make your form mobile responsive, enable Mobile Responsive in your form on the Form Designer. Guide: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive

    Let us know if you face any problems.

    Thanks!