Makes navbar sticky

IMGIITRoorkee · Jan 15, 2025 · 3c27b37 · 3c27b37
1 parent 7be4428
commit 3c27b37
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/resources/css/landingpage.css b/resources/css/landingpage.css
@@ -96,7 +96,7 @@ body {
 
 #header-background {
     z-index: 100;
-    position: absolute;
+    position: fixed; 
     width: 100%;
     height: 60px;
     left: 0px;
@@ -106,22 +106,28 @@ body {
     backdrop-filter: blur(32px);
 }
 
-
 nav {
+    position: fixed; 
+    top: 0; 
+    left: 0; 
+    width: 100%; 
     z-index: 100;
     display: flex;
     flex-direction: row;
     padding: 0% 0%;
     justify-content: space-between;
     align-items: center;
+    height: 60px;
 }
 
+
 #logo1 {
-    position: absolute;
+    position: fixed; 
     left: 60px;
     height: 45px;
     width: 45px;
     top: 9px;
+    z-index: 101;
 }
 
 .main-nav {