How can I add a scroll bar to side filters in the Dawn theme?

Store Design
1

Hi,

Currently some of our side filters have too many options, so we end up with a “+Show more” option.

I would like to have a scroll bar for the filter instead of this.

Could someone please let me know the code for this and where I should place it.

Thanks in advance!

Nate

2

To add a scroll bar to your side filter instead of using the “+Show more” option, you can add some CSS code to your website. Here are the steps you can follow:

Log in to your website’s backend or content management system.

Locate the CSS file that controls the styles for your side filter. This will depend on the platform you’re using and the specific theme or template you’re using.

Add the following CSS code to the file:

.your-side-filter {
  max-height: 200px; /* adjust this value to your liking */
  overflow-y: auto;
}

Replace “.your-side-filter” with the class or ID that is used to target your side filter element.

What this code does is set a maximum height for the side filter element and add a vertical scroll bar when the content exceeds that height.

1 Like
3

Hi,

Thank you.

I have a virtually non-existent knowledge of coding, so would have no idea where to place the code or what to look for in regards to finding where it goes either :slightly_smiling_face:

4

thank you so much bro you helped me a lot