Sticky menu not work

I’d like to make the filter menu on the left sticky.

I’ve set the parent section to relative, and the filters div (the menu on the left) to sticky.

But I can’t figure out why it’s not working.


Here is my site Read-Only: https://preview.webflow.com/preview/morelikejesus?utm_medium=preview_link&utm_source=designer&utm_content=morelikejesus&preview=52e058379b43f99960f45d71d1090658&pageId=5fbdb3270eb9f2584f9f5ecf&workflow=preview

hi @Steve-K you have on your filters-vertical set height: 100% and you should be fine.

Thank you.

The sidebar has quite a bit of content and it’s getting cut off with sticky on, especially on small screen sizes.

Is there a way to ensure the sidebar scrolls all the way down to the end of its content when sticky is on, and then stays in position?

Can you try something like these styles on filters-vertical so you can scroll through the sticky filter menu independently?

Thank you, that worked!

There seems to be a grey background on the right and bottom of this div now?

Not seeing that over here — did you get it fixed?

Not yet…

CleanShot 2021-05-28 at 17.13.56
.

Hey @Steve-K. Can you describe in a bit more detail what you’re seeing and where you’re seeing this? Not sure in that previous screen capture what to focus on.