Adding position sticky and a scrollbar onto product filters

Hi there!

I’m currently trying to add position sticky and a scrollbar to the product filters on our website, but can’t seem to figure out how to get both to work simultaneously.

Here is the read-only link: Webflow - Sugarland's Cool Site

If I add position sticky to the filters form block it works and scrolls with the page, but if I open one or more of the filters the bottom goes out of view. Adding overflow scroll doesn’t seem to make it scroll and I can’t figure out how to make it work.

Any help would be appreciated!

Hi @Amir22

Set your “filters1_form-block” to the below settings. This will add the scroll bar and make the filter pane sticky.

Hope this helps.

image

Hi @WisdomainUK

Thanks so much for your help, it works great! The only problem we’re having now is that we can’t see the bottom subcategory in the accessories tab, I’m assuming because of the 10% in position.