fix: 🐛 fix nav mobile

DeveloperParana · May 20, 2021 · 50bfadc · 50bfadc
1 parent 816434a
commit 50bfadc
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/packages/website/src/app/header/header.element.scss b/packages/website/src/app/header/header.element.scss
@@ -1,3 +1,4 @@
+@import 'mixins/media-query';
 @import 'theming/variables';
 
 devpr-header {
@@ -25,15 +26,24 @@ devpr-header > svg {
 ul {
   margin: 0;
   padding: 0;
-  width: 100%;
-  z-index: -1;
   list-style: none;
   overflow: hidden;
-  position: absolute;
-  margin-top: -40px;
   background-color: $devpr-surface;
 }
 
+devpr-header {
+  @include mobile {
+    ul {
+      margin-top: -40px;
+    }
+  }
+  @include tablet {
+    ul {
+      margin-top: -40px;
+    }
+  }
+}
+
 li a {
   display: block;
   padding: 20px 20px;