Return to previous page

How to add scroll function on all departments section

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

PR

Participant

February 4, 2023 at 00:40

Hello,

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.

#346006 Copied Theme version: 9.0.2

1 Answer
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: https://postimg.cc/v1t4s1N9

We hope this helps.

Best Regards,
8Theme’s Team.
#346017 Copied
Tagged: adding, departments, function, scroll, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)