JotForm is creating a white space on the bottom.

  • Profile Image
    Asked on July 01, 2014 at 06:38 PM

    So far I love JotForm, but this is driving me crazy! :)  I created two JotForm versions, a smaller and larger one for mobile and desktop/tablet views.  I've tried augmenting the CSS every which way possible but the JotForm is creating a white space at the bottom of the page on my mobile iPhone.  I know this because when I delete the JotForm out of my HTML the space is gone.  In my CSS, the smaller JotForm is set to "Block" on the mobile view and the regular JotForm is set to "None" in order to hide it.  The footer image you see is in a div tag and I give it a healthy top margin in the CSS to push it down from the JotForm and cover that white gap because it's not working.  Also, I created a comments box that consists of only one row to see if that would help for the mobile version and after copying and pasting the HTML code into Dreamweaver, it's not being reflected.  Please help!  I'm using Dreamweaver CC with the Fluid Grid Layout.  Thanks!

  • Profile Image
    Answered on July 01, 2014 at 07:56 PM

    You may try using the widget Mobile Responsive to see if it helps and then the iFrame embedding method:

    This works better without any additional css added. But just in case create a copy of the CSS used.

    Let us know if the problem persists.

  • Profile Image
    Answered on July 03, 2014 at 12:46 AM

    Thank you!  The iFrame corrected the issue.

  • Profile Image
    Answered on July 03, 2014 at 02:14 AM

    Hello evanh,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!