How to make shopify collection filter sticky?

Solved

How to make shopify collection filter sticky?

stone2000ca
Shopify Partner
5 0 3

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

stone2000ca_0-1646702081105.png

 

 

Accepted Solution (1)

KetanKumar
Shopify Partner
37135 3648 12061

This is an accepted solution.

@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 [email protected] 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

Replies 3 (3)

KetanKumar
Shopify Partner
37135 3648 12061

This is an accepted solution.

@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 [email protected] 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
Shopify Partner
5 0 3

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

Sportingoodz
Shopify Partner
7 0 2

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