FilterKit Pro is fully responsive and built for touch screens. On phones, filters work differently to make the best use of small screens:
How It Works on Phones:
- Filter Button: A “Filters” button at the top of the shop (e.g., “Filters (3)”) replaces the sidebar.
- Bottom Sheet: Tapping opens a panel that slides up from the bottom, like Google Maps or iPhone apps. Swipe down to close.
- Touch Optimized: Larger color swatches, touch-drag price slider, bigger tap areas for checkboxes.
- Sticky Apply Bar: A fixed bar at the bottom shows “Show X products” and “Clear all” with a real-time product count.
A “Filters” button replaces the sidebar on mobile. The number shows active filters.
Use Display Rules to control which filters appear on mobile (WooCommerce, FilterKit Pro , click any filter , Display Rules). Most stores show 2 to 3 on phones vs. 6 to 8 on desktop.