How to add scroll function on all departments section

This topic has 2 replies, 2 voices, and was last updated 1 years, 5 months ago ago by Tony Rodriguez

  • Avatar: PR
    February 4, 2023 at 00:40


    On the all departments section, I will have over 100 line items.
    Is there a way to add a scroll feature for that? Or will it be added itself when the items will be added accordingly?
    It looks weird if the full website keeps on scrolling along with the menu (all departments)

    The website is on the PCA.

    Thanks for your help

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 4, 2023 at 07:07

    Hello, @PR,

    We suggest that you try using the Custom CSS code provided below. Please copy and paste the code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache.

    .et_column > .et_b_header-menu .secondary-menu-wrapper ul#menu-all-brands-products {
        height: 400px !important;
        overflow: scroll !important;

    You may adjust the value of the height in the given CSS code as needed.

    Alternatively, if you do not wish to have a scroll bar and would prefer to have a “See More” link, you can use the option under XStore >> Header Builder >> All Department, as shown in the screenshot here:

    We hope this helps.

    Best Regards,
    8Theme’s Team.

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.