Hide header for specific layout variants on mobile

Author: TorstenDittmann

src/scss/7-components/_main-header.scss

@@ -100,9 +100,18 @@
         --p-main-header-border-color: rgb(0, 0, 0, 0.1);
     }
 
-    @media  #{$break2},  #{$break1} {
+    @media  #{$break2} {
         display: none;
     }
+    
+    @media  #{$break1} {
+        [data-variant="two-side-navs"] & {
+            display: none;
+        }
+        [data-variant="expanded"] & {
+            display: none;
+        }
+    }
 
     &.is-hidden {
         transform: translateY(-100%);