Fix navbar to the top of the page

Carlos-n21 · Nov 6, 2024 · 025320c · 025320c
1 parent 9831cca
commit 025320c
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 4 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -14,6 +14,7 @@
 
 body {
     font-family: var(--primary-font);
+    padding-top: 57.15px;  /* pushes the top of the header down under fixed navbar  */
 }
 
 h1,

diff --git a/booking.html b/booking.html
@@ -26,7 +26,7 @@
 <body class="d-flex flex-column min-vh-100">
 
   <!-- Navigation -->
-  <nav id="navbar" class="navbar navbar-expand-lg" data-bs-theme="dark">
+  <nav id="navbar" class="navbar navbar-expand-lg fixed-top" data-bs-theme="dark">
     <div class="container">
       <a class="navbar-brand" href="index.html">
         <img src="assets/images/logo-sm-white.png" alt="Baordwalk Games logo" class="logo">

diff --git a/game-library.html b/game-library.html
@@ -26,7 +26,7 @@
 <body class="d-flex flex-column min-vh-100">
 
     <!-- Navigation -->
-    <nav id="navbar" class="navbar navbar-expand-lg" data-bs-theme="dark">
+    <nav id="navbar" class="navbar navbar-expand-lg fixed-top" data-bs-theme="dark">
         <div class="container">
             <a class="navbar-brand" href="index.html">
                 <img src="assets/images/logo-sm-white.png" alt="Baordwalk Games logo" class="logo">

diff --git a/index.html b/index.html
@@ -29,7 +29,7 @@
 
 <body class="d-flex flex-column min-vh-100">
   <!-- Navigation -->
-  <nav id="navbar" class="navbar navbar-expand-lg" data-bs-theme="dark">
+  <nav id="navbar" class="navbar navbar-expand-lg fixed-top" data-bs-theme="dark">
     <div class="container">
       <a class="navbar-brand" href="index.html">
         <img src="assets/images/logo-sm-white.png" alt="Boardwalk Games logo" class="logo">

diff --git a/success.html b/success.html
@@ -26,7 +26,7 @@
 
 <body class="d-flex flex-column min-vh-100">
   <!-- Navigation -->
-  <nav id="navbar" class="navbar navbar-expand-lg" data-bs-theme="dark">
+  <nav id="navbar" class="navbar navbar-expand-lg fixed-top" data-bs-theme="dark">
     <div class="container">
       <a class="navbar-brand" href="index.html">
         <img class="logo" src="assets/images/logo-sm-white.png" alt="Boardwalk Games Logo">
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,6 +14,7 @@ @@
     body {
         font-family: var(--primary-font);
+        padding-top: 57.15px;  /* pushes the top of the header down under fixed navbar  */
     }
     h1,
@@ Expand Down @@