This component uses Transforms (Move Down 100%) to hide and show modal so that filters apply once the user hits the apply button (optimal UX). Using the display: hidden will prevent the apply button from working.

To show and hide the modal for editing purposes:

Select the filters__filters-modal div found next to the filter__filters-button div.
Hit the Hide button and it will show (yes, this is counterintuitive).

Collection

Lorem ipsum dolor sit amet.

Filters

Filter One

Clear

Option One

Option Two

Option Three

Option Four

Option Five

Filter Two

Clear

All

Option One

Option Two

Option Three

Option Four

Option Five

Filter Three

Clear

Option One

Option Two

Option Three

Option Four

Option Five

Filter Four

Clear

Option One

Option Two

Option Three

Option Four

Option Five

Filter Five

Clear

Filter Six

Clear

0

Filter Seven

Clear

0

100

Filter Eight

Clear all

Sort by