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

    Why won't my form scroll on my webpage?

    Asked by mbroderson84 on December 02, 2016 at 01:56 PM

    fits on the page on my computer, doesn't fit on the mobile version. never gives the option to scroll down

    Page URL:
    www.car2u.org

  • Profile Image
    JotForm Support

    Answered by Kevin_G on December 05, 2016 at 03:42 PM

    I have checked your website and the JotForm you have embedded on this webpage http://www.car2u.org/book-now.html

    What I found is that the JotForm is displaying correctly, the form is calculation properly the height, but there is an HTML element that does not have enough height and this is why the form does not show completely and it is not possible to see the bottom part of the form even scrolling. 

    This is the current form's height: 

    This is the height of the field where the form displays: 

    Seems like there are some conflicts with the CSS code applied to this HTML element in your webpage, the easiest way that I can see to resolve this will be allowing your users to scroll on the form so they can fill our the form and submit it, trying to increase the field's height may be a bit hard as far as I can see. 

    This is the class of the HTML element where the form has been embedded "HtmlBox" so to allow your users to scroll on the form this code needs to be added to your website: 

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

        .HtmlBox {

            overflow: scroll !important;

         }

    }

    The code should be applied only when viewing the form on mobile devices only.

    Please do let us know how it goes.