Currently, I am in the process of setting up a Shopify Store and one thing that I would like to achieve is making the sidebar sticky and scrollable. The problem I encountered with using the position: sticky;
css property is that it causes the sidebar to appear too large, only becoming visible at the end of the page. My goal is to have the sidebar be constantly accessible for filtering without having to scroll all the way down. I attempted to use overflow-y: scroll;
but unfortunately, it does not work in conjunction with the sticky positioning. As reference, here are some example images: IMAGE HERE 1 IMAGE HERE 2