Why won't my form scroll on my webpage?

  • mbroderson84
    Asked on December 2, 2016 at 1:56 PM

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

  • Kevin Support Team Lead
    Replied on December 5, 2016 at 3: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: 

    Why wont my form scroll on my webpage? Image 1 Screenshot 30

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

    Why wont my form scroll on my webpage? Image 2 Screenshot 41

    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.