Offcanvas Menü

Hallo Zusammen,

Habe mich nun eine rechte Zeit lang mit dem OffCanvas Menü auseinandergesetzt und muss wirklich sagen, es ist nicht so einfach wie es zu sein scheint.
Hat seine Gründe, warum noch niemand eine komplette Anleitung (mehr als das von mir) geschrieben hat.

Dennoch bin ich nun an einem Punkt an welchem ich nicht weiterkomme.
Das OffCanvas Menü funktioniert prima bei Desktop, jedoch gehen nun andere Komponenten wie z.b. die Filterung davon aus, dass man sich auf einem Smartphone befindet und somit klappen die Filter als OffCanvas auf.

Screeshot: http://fs5.directupload.net/images/170117/x5x32k8a.jpg

Dies soll jedoch nur auf Mobilegeräten passieren.
Wie kann ich dies trennen?
Verstehe nicht, warum “.action–filter-options” auch die Klasse “.off-canvas” via JS erhält.

LG Arya_Svitkona