Two separate filters for the same collection

Attributes
1

Hello! I have two separate filters one for desktop and one for mobile. at the moment only the dropdown filter on mobile works and the radio buttons on desktop don’t work. Before I added the dropdown the radio buttons were working fine.

https://preview.webflow.com/preview/thinkiesite?utm_medium=preview_link&utm_source=designer&utm_content=thinkiesite&preview=b93159a182c630f7764706789df1993b&pageId=6455845d3d8642127e766935&workflow=preview

2

Hey, do you have a live Site?

3

Hey @stevenjhilario a solution for this is to have separate identifiers for the filter on each breakpoint.

For example, the radio buttons will have the fs-cmsfilter-field = category and the category tag currently in your blogs will keep this same identifier. You can add the fs-cmsfilter-field = category-mobile to the select field and a hidden category tag on your blogs that has this same identifier.

Let me know if this helps :slight_smile:

4

Thank you Luis! this works

5

Great! You can also check this guide to correctly style your All button and you should be set :wink:

1 Like