How do I remove vertical scroll bars?

  • bdoodle
    Asked on June 10, 2017 at 9:49 AM

    Without me making any changes, vertical scroll bars have begun to appear on a couple of my forms.  Please tell me how to fix this without setting a fixed vertical height and without changing the method by which I invoke my form on my web pages.

    The forms involved are:

    https://www.jotform.com/build/62574954281969

     

    https://www.jotform.com/build/53286742922966

     

     

  • Nik_C
    Replied on June 10, 2017 at 11:38 AM

    I checked the forms and the scrollbars are showing because of product sections because their height is low (but it doesn't affect the view), so you could insert the below CSS in your Custom CSS field:

    .form-product-item {

        overflow: hidden;

    }

    And you can insert in both forms, that should hide the scrollbars and it will not affect the view of products.

    How do I remove vertical scroll bars? Image 1 Screenshot 20

    Let us know how that worked for you.

    Thank you!

  • bdoodle
    Replied on June 10, 2017 at 12:32 PM

    That worked. Thank you.

    Did I do something wrong in the creation of these forms that caused this?  I don't want it to happen again.  How did my specifications cause the height to be too low? Thanks.

  • Support_Management Jotform Support
    Replied on June 10, 2017 at 5:12 PM

    Your form appears to be heavily customized with CSS. I'm not entirely sure what caused each product to show a vertical scrollbar but if it happens again on a newly created form, we kindly request you to report it to us so we can have the first look on what's causing the product height to be shorter than the content.

  • bdoodle
    Replied on June 11, 2017 at 2:38 AM

    Fair enough.  Thank you.