Why won't my form scroll on my webpage?

  • Profile Image
    mbroderson84
    Asked 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

  • Profile Image
    Kevin_G
    Answered 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.