My form is not completely displayed in mobile view.

  • Profile Image
    SprachinstitutBerlin
    Asked on April 08, 2016 at 06:39 AM

    Can you please help me, my form is not completely shown in mobile view.

  • Profile Image
    beril
    Answered on April 08, 2016 at 07:05 AM

     I am able to reproduce the same issue that you're having on my phone.

     

    Can you re-embed the code as you see below?

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/53093030097349" frameborder="0" style="width:100%; height:939px !important; border:none;" scrolling="no"> </iframe> 

    If this does not resolve the issue, please let us know and we will be glad to take another look.

  • Profile Image
    SprachinstitutBerlin
    Answered on April 13, 2016 at 04:59 AM

    Unfortunately, the problem is not resolved... it still does not show the whole form in mobile view.

  • Profile Image
    beril
    Answered on April 13, 2016 at 07:35 AM

    Thank you for letting us the result.  According to my researches, your HTML code might be lacking the metadata that should autofit/zoom the page on mobile.

    Can you also add the following code to your HTML page between your ... tags?

     

    I hope it will work.

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Profile Image
    beril
    Answered on April 14, 2016 at 03:22 AM

    Hi again,

    I realized that my code changed after posting my reply.

    We would appreciate it if you could add the code below between your head tags.

     

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    Feel free to contact us any time. We will be happy to assist you.

  • Profile Image
    Tctr
    Answered on August 13, 2016 at 07:34 AM

    hello how can we add this code between head tags?

  • Profile Image
    victor
    Answered on August 13, 2016 at 11:42 AM

    As my colleague indicated, you would need to manually add this in your web page. You can open the HTML code of your site in any HTML editor. You should see the HTML tag

    <HEAD></HEAD>

    You can copy and paste the code provide in between this tags. You would need to save the changes and load the file again into your web server.

    Please let us know if that helps.