diff --git a/style.css b/style.css index d554ba3..e397e14 100644 --- 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,6 +173,7 @@ body.no-scroll { .spacer { background: #000000; height: 100vh; + margin-top: 60px; /* Adjust for fixed header */ } .section { @@ -175,6 +181,7 @@ body.no-scroll { 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; } + + +