Technical Q&A

stone2000ca · ‎03-07-2022

Hi all,

The collection filter is extremely useful to sort through a large number of products. However, when the user scrolls down, it disappears at the top.

How do you make it sticky to the top of the page?

I tried to add position:sticky and top:0 to class "collection-filters" with no avail. Tried a few more places in chrome inspector, all failed.

Any help would be much appreciated

KetanKumar · ‎03-07-2022

@stone2000ca

yes, please try similar https://codepen.io/JGallardo/pen/ZEBbeP

also share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar · ‎03-07-2022

@stone2000ca

yes, please try similar https://codepen.io/JGallardo/pen/ZEBbeP

also share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

stone2000ca · ‎03-08-2022

It's a matter of finding the right div 😉 thanks for the help Ketan!

Sportingoodz · ‎06-29-2023

Hey ! How did you find it ?
I'm on dawn theme 🙂 thanks for your help

Technical Q&A

How to make shopify collection filter sticky?

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links