Browse code

Style filters on category page

Martin Filipovic Hinrichs authored on01/02/2026 13:32:08
Showing2 changed files
... ...
@@ -6,10 +6,10 @@ body:not(.is-act-home) {
6 6
 
7 7
 
8 8
 .filter-panel-items-container {
9
-  justify-content: center;
10 9
   align-items: center;
11 10
   gap: .75rem;
12 11
   margin-bottom: 0;
12
+  width: 100%;
13 13
 
14 14
   @include media-breakpoint-up(md) {
15 15
     gap: 1.25rem;
... ...
@@ -17,10 +17,7 @@ body:not(.is-act-home) {
17 17
 
18 18
   .filter-panel-item {
19 19
     margin: 0;
20
-
21
-    @include media-breakpoint-down(md) {
22
-      width: 100%;
23
-    }
20
+    flex: 1;
24 21
 
25 22
     label {
26 23
       color: $primary;
... ...
@@ -33,14 +30,11 @@ body:not(.is-act-home) {
33 30
       padding-left: 1rem;
34 31
       line-height: 1.75;
35 32
       white-space: nowrap;
36
-
37
-      @include media-breakpoint-down(md) {
38
-        width: 100%;
39
-        text-align: left;
40
-        display: flex;
41
-        align-items: center;
42
-        justify-content: space-between;
43
-      }
33
+      width: 100%;
34
+      text-align: left;
35
+      display: flex;
36
+      align-items: center;
37
+      justify-content: space-between;
44 38
 
45 39
       i {
46 40
         margin-left: 1.25rem;
47 41
new file mode 100644
... ...
@@ -0,0 +1,3 @@
1
+{% sw_extends '@Storefront/storefront/page/content/index.html.twig' %}
2
+
3
+{% block cms_breadcrumb %}{% endblock %}
0 4
\ No newline at end of file