fix close burger menu

js/main.js

@@ -1,25 +1,17 @@
-// Get the modal
-var modal = document.getElementById("myModal");
+// const modal = document.getElementById("myModal");
+// const btn = document.getElementById("myBtn");
+// const span = document.getElementsByClassName("close")[0];
 
-// Get the button that opens the modal
-var btn = document.getElementById("myBtn");
+// btn.onclick = function () {
+//   modal.style.display = "block";
+// };
 
-// Get the <span> element that closes the modal
-var span = document.getElementsByClassName("close")[0];
+// span.onclick = function () {
+//   modal.style.display = "none";
+// };
 
-// When the user clicks the button, open the modal
-btn.onclick = function () {
-  modal.style.display = "block";
-};
-
-// When the user clicks on <span> (x), close the modal
-span.onclick = function () {
-  modal.style.display = "none";
-};
-
-// When the user clicks anywhere outside of the modal, close it
-window.onclick = function (event) {
-  if (event.target == modal) {
-    modal.style.display = "none";
-  }
-};
+// window.onclick = function (event) {
+//   if (event.target == modal) {
+//     modal.style.display = "none";
+//   }
+// };

js/modal.js

@@ -5,6 +5,7 @@
   const closeMenuBtn = document.querySelector(".js-close-menu");
   const button = document.getElementById("form-btn");
   const form = document.getElementById("form");
+  const menuLinks = document.querySelectorAll(".header-mobile-nav-item a");
 
   const toggleMenu = () => {
     const isMenuOpen =
@@ -21,6 +22,12 @@
     form.scrollIntoView({ behavior: "smooth" });
   });
 
+  menuLinks.forEach((link) => {
+    link.addEventListener("click", () => {
+      toggleMenu();
+    });
+  });
+
   const anotherButton1 = document.getElementById("form-btn-1");
   anotherButton1.addEventListener("click", function () {
     form.scrollIntoView({ behavior: "smooth" });