Overlapping issue with embedded form when viewed on mobile

  • Profile Image
    Asked on September 09, 2016 at 04:37 PM

    Can you guys trying testing my form with Apple products?  People are telling me the text at the bottom of the form is jamming up or covering the send button.  so I tell them to use windows based search engines.

  • Profile Image
    Answered on September 09, 2016 at 07:09 PM

    The mobile form needs more space, but since your website is static there is an overlapping issue.

    You might try replacing the dynamic height iFrame with a static one.

    1) Remove current iFrame and following script.

    2) Add the next iFrame code instead. It has static height and scrolling set to yes.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/23338456157155" frameborder="0" style="width: 100%; height: 1500px; border: none;" scrolling="yes"></iframe>

    Please give it a try and let us know if you need any further assistance.