views_exposed_form_mobile

This module changes Views exposed filters to show a multi-page overlay UI on mobile devices.

Features

This is the same UX pattern as used on many e-commerce sites:

1. The exposed form is replaced with a single button to show filters
2. Clicking the button opens a full page with an overview of all filters
3. Clicking an item in the overview opens a full page with the options for that filter

The same markup is used for desktop and mobile, with the additional UI elements hidden on desktop devices.

Post-Installation

1. Enable this module's Views Display Extender in Views advanced settings
2. Enable the 'Show this exposed block as overlay pages on mobile' option in your view's 'Exposed form style' options.

Recommended modules/libraries

This module works with the filters from the Better Exposed Filters module, and with filters from version 3 of the Facets module.