Update style.css

mehrdadmsv · May 25, 2024 · 2675dbe · 2675dbe
1 parent b1550bd
commit 2675dbe
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/style.css b/style.css
@@ -48,9 +48,13 @@ body.no-scroll {
     justify-content: space-between; /* Space between for larger screens */
     padding: 10px 20px; /* Consistent padding */
     border-bottom: 1px solid var(--border_color);
-    position: relative;
+    position: fixed;
+    width: 100%;
+    top: 0;
+    left: 0;
     height: 60px; /* Fixed height for the header */
     box-sizing: border-box; /* Include padding and border in height */
+    z-index: 1000; /* Ensure it stays above other content */
 }
 
 #header .logo {
@@ -136,11 +140,12 @@ body.no-scroll {
 /* Intro section with adjusted padding */
 #intro {
     background-color: #dedede;
-    height: 100vh;
+    height: calc(100vh - 60px); /* Adjust height to account for fixed header */
     padding: 3%;
     display: flex;
     justify-content: center;
     align-items: center;
+    margin-top: 60px; /* Add margin to account for fixed header */
 }
 
 #intro .fl {
@@ -168,13 +173,15 @@ body.no-scroll {
 .spacer {
     background: #000000;
     height: 100vh;
+    margin-top: 60px; /* Adjust for fixed header */
 }
 
 .section {
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
+    margin-top: 60px; /* Adjust for fixed header */
 }
 
 #message {
@@ -306,3 +313,6 @@ canvas {
     opacity: 1 !important;
     transform: translateY(0) !important;
 }
+
+
+