Two separate filters for the same collection

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.

Hey, do you have a live Site?

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:

Thank you Luis! this works

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

1 Like