remove box shadow when screen is less than 768px

OP-TED · Apr 10, 2024 · 2a42e7c · 2a42e7c
1 parent df1f362
commit 2a42e7c
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/src/css/nav.css b/src/css/nav.css
@@ -33,6 +33,9 @@
   .nav-container {
     width: var(--nav-width);
   }
+  .nav {
+    box-shadow: 0.5px 0 3px var(--nav-border-color);
+  }
 }
 
 @media screen and (min-width: 1024px) {
@@ -51,20 +54,15 @@
 
 .nav {
   background: var(--nav-background);
-  position: relative;
-  top: var(--toolbar-height);
+  position: sticky;
+  top: calc((var(--navbar-height) / 2) + var(--globan-height));
   height: var(--nav-height);
 }
 
-@media screen and (min-width: 769px) {
-  .nav {
-    box-shadow: 0.5px 0 3px var(--nav-border-color);
-  }
-}
 
 @media screen and (min-width: 1024px) {
   .nav {
-    top: var(--navbar-height);
+    top: calc((var(--navbar-height) / 2) + var(--globan-height) );
     box-shadow: none;
     position: sticky;
     height: var(--nav-height--desktop);