How do I remove vertical scroll bars?

  • Profile Image
    bdoodle
    Asked on June 10, 2017 at 09: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

     

     

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

    Let us know how that worked for you.

    Thank you!

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

  • Profile Image
    Jim_R
    Answered on June 10, 2017 at 05: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.

  • Profile Image
    bdoodle
    Answered on June 11, 2017 at 02:38 AM

    Fair enough.  Thank you.