début du thème, footer et header en mobile

web/themes/erabletheme/js/erabletheme.js

@@ -9,8 +9,24 @@
   Drupal.behaviors.erabletheme = {
     attach: function (context, settings) {
 
-      console.log('It works!');
-
+      const hamburgerBtn = document.getElementById("hamburger");
+      const menu = hamburgerBtn.nextElementSibling;
+    
+      // Toggle menu visibility on hamburger click
+      hamburgerBtn.addEventListener("click", function(event) {
+        event.stopPropagation();
+        menu.classList.toggle("active");
+      });
+    
+      // Close menu when clicking outside of the menu
+      document.addEventListener("click", function(event) {
+        const isMenuClicked = event.target.closest("#menu") !== null;
+        const isHamburgerClicked = event.target === hamburgerBtn;
+    
+        if (!isMenuClicked && !isHamburgerClicked) {
+          menu.classList.remove("active");
+        }
+      });
     }
   };