fix navbar for mobile version

apu52 · Jun 26, 2024 · 8909948 · 8909948
1 parent c24ea33
commit 8909948
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -137,15 +137,17 @@
 <body style="background-color: var(--secondary-color);">
 
   <body>
-
-    <div id="pre-loader">
+        
+     <div id="pre-loader">
       <h1>TourGuide . . .</h1>
     </div>
+
     <div id="bg">
       <canvas></canvas>
       <canvas></canvas>
       <canvas></canvas>
     </div>
+
     <div id="progressbar"></div>
     <div id="scrollPath"></div>
     <!-- <canvas id="canvas"></canvas> -->

diff --git a/styles.css b/styles.css
@@ -1916,6 +1916,7 @@ body {
   height: auto;
   width: 100%;
   padding: 1rem 2rem;
+
 }
 
 .navLinks {
@@ -2228,6 +2229,14 @@ body {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) , 0 0 25px black , 0 0 50px black , 0 0 200px black;
 }
 
+/* mobile nav */
+@media (max-width: 360px) {
+  .newNav {
+    width: 95%;
+    height: 8%;
+    padding-left: 20%;
+  }
+}
 
 /* Testimonial Section */
 @media (min-width: 320px) {