Added changes

Rakesh9100 · Dec 16, 2024 · 228edcf · 228edcf
1 parent a9039f6
commit 228edcf
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 58 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/assets/commonscript.js b/assets/commonscript.js
@@ -10,8 +10,8 @@ const updateProgress = () => {
 document.addEventListener('scroll', updateProgress);
 
 // Toggle mobile menu visibility
-const hamBurger = document.querySelector(".hamburger");
-const nMenu = document.querySelector(".nav-menu");
+const hamburger = document.querySelector(".hamburger");
+const navMenu = document.querySelector(".nav-menu");
 
 document.addEventListener("DOMContentLoaded", function () {
     setTimeout(function () {
@@ -20,11 +20,19 @@ document.addEventListener("DOMContentLoaded", function () {
 });
 
 // Hamburger menu
-hamBurger.addEventListener("click", mobileMenu);
+hamburger.addEventListener("click", mobileMenu);
 
 function mobileMenu() {
-    hamBurger.classList.toggle("active");
-    nMenu.classList.toggle("active");
+    hamburger.classList.toggle("active");
+    navMenu.classList.toggle("active");
+}
+
+const navLink = document.querySelectorAll(".nav-link");
+navLink.forEach(n => n.addEventListener("click", closeMenu));
+
+function closeMenu() {
+    hamburger.classList.remove("active");
+    navMenu.classList.remove("active");
 }
 
 // Hide or show scroll progress indicator

diff --git a/index.html b/index.html
@@ -94,10 +94,6 @@
                 <span class="bar"></span>
                 <span class="bar"></span>
             </div>
-            <ul class="nav-menu">
-                <!-- Additional nav items -->
-            </ul>
-
         </nav>
     </header>
     <!-- Navigation bar section ends  -->

diff --git a/script.js b/script.js
@@ -19,45 +19,6 @@ window.addEventListener('scroll', () => {
     });
 });
 
-// Toggle mobile menu visibility
-const hamburger = document.querySelector(".hamburger");
-const navMenu = document.querySelector(".nav-menu");
-
-document.addEventListener("DOMContentLoaded", function () {
-    setTimeout(function () {
-        document.querySelector("body").classList.add("loaded");
-    }, 500);
-});
-
-document.addEventListener("DOMContentLoaded", () => {
-    const hamburger = document.querySelector(".hamburger");
-    const navMenu = document.querySelector(".nav-menu");
-
-    // Verify the elements exist
-    if (!hamburger || !navMenu) {
-        console.error("Hamburger or nav-menu element not found.");
-        return;
-    }
-
-    // Attach click event to toggle menu visibility
-    hamburger.addEventListener("click", () => {
-        console.log("Hamburger clicked.");
-        hamburger.classList.toggle("active");
-        navMenu.classList.toggle("show");
-    });
-
-    // Close menu when a link is clicked
-    const navLinks = document.querySelectorAll(".nav-link");
-    navLinks.forEach(link => {
-        link.addEventListener("click", () => {
-            console.log("Nav link clicked.");
-            hamburger.classList.remove("active");
-            navMenu.classList.remove("show");
-        });
-    });
-});
-
-
 // Google Translate
 function googleTranslateElementInit() {
     new google.translate.TranslateElement({

diff --git a/style.css b/style.css
@@ -2174,15 +2174,10 @@ footer {
         backdrop-filter: blur(7px);
         transition: 0.5s ease-in-out;
     }
-    .nav-menu.show {
-        display: flex; /* Or block, depending on your design */
-    }
-
 
     .nav-item {
-        margin: 10px ;
-        font-size: 30px;
-
+        margin: 1.8rem 0;
+        font-size: 25px;
     }
 
     nav li:hover {