What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How to make my form Mobile Responsive?

    Asked by RogerYelvington01 on December 06, 2016 at 08:39 PM

    Hi Guys!


    This form: https://form.jotform.com/63396105053957

    When added to the word press site here: http://www.spruceplaza.com/


    Two things we need to fix:


    1.  A white gap at the bottom of the page

    2.  It doesn't maintain it's mobile responsiveness


    Please help, thank you!


    Page URL:

  • Profile Image
    JotForm Support

    Answered by olivia on December 07, 2016 at 02:23 AM

    Hi Roger,

    I have checked your form and custom CSS in your form but I couldn't find any issue related with white gap at the bottom of the page of your WordPress.

    You can use our Mobile Responsive Widget to make your form more mobile responsive. 

    Please have a look at the following instruction about how to add Mobile Responsive Widget:

    #1- Drag and drop Mobile Responsive Widget in More Fields to the your form.

    The place that you drag the widget is not important. It will not be seen in the form.

    If you need any other assistance, please feel free to let us know.

    Thank you.

  • Profile Image
    JotForm Support

    Answered by olivia on December 07, 2016 at 02:58 AM

    Hi again,

    I have made more investigation on your form about white gap issue at the bottom of your form in WordPress. It is seen that you have embedded your form into your WordPress with iFrame.

    First of all, please share the information about which version of WordPress do you use? WordPress.org or WordPress.com?

    If you are able to embed your form with iFrame into your WordPress, you can remove white gap at the bottom of the form by modifying the iFrame HTML Code. Please have a look at the following image:

    In the above image, there is no white gap at the bottom. I have just added margin-bottom:-100px;  in the iFrame code.

    I'll be awaiting for your reply.

    Thank you.