From 70b23a91634cdd51184d72c4cb2d1add6c9ce5c3 Mon Sep 17 00:00:00 2001
From: Hemraj-7 <mhemraj814@gmail.com>
Date: Sat, 2 Nov 2024 14:11:19 +0530
Subject: [PATCH] Navbar Z-index and navbar handler issue is solved, Issue
 number #715

---
 index.html | 10 +++++-----
 script.js  |  5 +++++
 style.css  |  1 +
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 71a1524..1c4dfbd 100644
--- a/index.html
+++ b/index.html
@@ -72,11 +72,11 @@
 
         <nav>
             <ul id="menuList">
-                <li><a href="#controller">Game Controllers</a></li>
-                <li><a href="#vrsection">VR Accessories</a></li>
-                <li><a href="#keyboard">Gaming Keyboard</a></li>
-                <li><a href="#others">Others</a></li>
-                <li class="login"><a href="login/login.html">Login</a></li>
+                <li><a href="#controller" onclick="closeNav()">Game Controllers</a></li>
+                <li><a href="#vrsection" onclick="closeNav()">VR Accessories</a></li>
+                <li><a href="#keyboard" onclick="closeNav()">Gaming Keyboard</a></li>
+                <li><a href="#others" onclick="closeNav()">Others</a></li>
+                <li class="login"><a href="login/login.html" onclick="closeNav()">Login</a></li>
                 <!-- Theme Toggle -->
                 <li><label class="switch">
                         <input type="checkbox" id="theme-toggle" onchange="toggleTheme()">
diff --git a/script.js b/script.js
index 1875905..5585bce 100644
--- a/script.js
+++ b/script.js
@@ -15,6 +15,11 @@ function toggleMenu() {
     }
 }
 
+function closeNav(){
+  menuList.style.height = "0px";
+  menuList.style.paddingTop = "0px";
+}
+
 window.onscroll = function() {
     updateProgressBar();
   };
diff --git a/style.css b/style.css
index e7a1df4..44a202f 100644
--- a/style.css
+++ b/style.css
@@ -1284,6 +1284,7 @@ button {
   #menuList {
     overflow: hidden;
     transition: 0.5s;
+    z-index: 99;
   }
 
   .row {