How to customize the filter’s mobile behavior

Each filter has settings for behavior on a mobile device:

 

The main setting is Min client width(Mobile behavior).  Just enter the size of the screen width so that the filter starts applying the mobile behavior(if the device screen width is smaller). For the basic work of this feature, only this setting is enough:

 

Selector(Mobile behavior).  This setting works differently depending on Display type(Mobile behavior).

a) If right or left sidebar is selected then this setting determines the location of the filter button on the page.  If this field is empty or the current page does not have such a selector (container), the button will be floating at the edge of the screen.

b)If the display type is selected as content, then the filter will be moved to the container selector. If this field is empty or the current page does not have such a selector, the filter will not be moved.

 

Also each filter can have a different button image