fix-floating-header

MuNuChapterHKN · Jun 17, 2024 · 2c086a3 · 2c086a3
1 parent 4bbc2bc
commit 2c086a3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/styles/components/Header.module.css b/styles/components/Header.module.css
@@ -10,7 +10,7 @@
     width: 100%;
     /* Added styles for floating header */
     position: fixed;
-    top: 10; /* Position at the top of the viewport */
+    background-color:#061E33;
     left: 0; /* Position at the left of the viewport */
     z-index: 20;  /* Ensure it stays on top of other elements */
     margin-top: 0; /* Remove top margin as it's now fixed */

diff --git a/styles/components/Layout.module.css b/styles/components/Layout.module.css
@@ -12,7 +12,7 @@
 }
 
 .pageContent {
-    margin-top: 120px; /* Adjust the value if your header height changes */
+    margin-top: 150px; /* Adjust the value if your header height changes */
     width: 97%;
     display: flex;
     flex-direction: column;