Jotform is not being displayed on Mobile Version of Weebly Site

  • Profile Image
    Asked on May 05, 2015 at 11:47 AM

    Hi there,

    Our form is not showing on mobile. Our site is built on Weebly with mobile responsive enabled in Weebly. Tested on iPhone with Safari. After reading the forums, I've tried the following:

    1.) Went to design tab in Jotform and enable response form. Didn't fix the issue.

    2.) Embedded with one line code from "Embed" button. Doesn't show on mobile

    3.) Embedded in iFrame. Right half of form is cut off in mobile.

    4.) Embedded source code. Forms shows but the checkbox to acknowledge the terms of use disappears.


    How can we fix this? 

    Thank you.





  • Profile Image
    Answered on May 05, 2015 at 12:59 PM

    To my understanding you are having issues with getting your form to appear correctly on mobile devices since right now it is not showing at all.

    I checked this in Mobile Safari on my iPhone 6 and I can confirm that it is not showing at all.

    When you embedded your jotform did you use the method described within this guide here for adding a jotform to a weebly website? 

    Please let us know if you continue to have an issue with it.

  • Profile Image
    Answered on May 08, 2015 at 11:59 AM

    Thank you for your answer. Yes we also tried posting it with the iFrame.

    The right half of the form is cut off on iPhone with Safari. Here is the test page:

    What else should we do to fix it?

  • Profile Image
    Answered on May 08, 2015 at 12:45 PM

    I have added the following custom CSS codes to your form:

    @media screen and (max-width:480px){


        margin-left: 0; 

        margin-right: 0;

        width:95% !important;


    .form-line-column, .form-line {

      width: 95% !important;

      box-sizing: border-box !important;

      -webkit-box-sizing: border-box !important;



    Can you please check now?


  • Profile Image
    Answered on May 13, 2015 at 11:53 AM

    Welvin thank you for trying this. It doesn't seem to have worked. 

    I checked it on the iPhone with Safari and no change. I reinserted the iframe into Weebly but still no change. I then put your custom code into the form and re-uploaded everything just to be sure but it still didn't work.

    Is there some other type of from I can use to make it work in Weebly on mobile?

  • Profile Image
    Answered on May 13, 2015 at 01:38 PM

    I've cloned your Jotform and embedded on my weebly webpage. When checked this webpage on my mobile and on iOS simulator, the form displayed correctly. Could you che

    ck the following webpage on your mobile to see if the form is displayed?

    Also, I notice that the form is embedded using javascript method on the page

    It is not recommended to use javascript embed method on website builders due to script conflict with the form and webpages.

    As I check the iframe test page on my mobile and iOS simulator, the webpage with form is displayed normally.

    This could be also an issue with Weebly. We also request you to check with Weebly on this issue. Please check the webpage on your mobile and let us know if you are able to view the form. Please get back to us with the results so that we can further investigate the issue.


  • Profile Image
    Answered on October 08, 2015 at 01:09 PM

    I'm facing a similar problem. The form doesn't appear when I visit using IPhone. Is there a way to fix this issue?
  • Profile Image
    Answered on October 08, 2015 at 02:13 PM


    Your question is moved to a separate thread and shall be answered shortly.

    Thank you!!