first bro

groups/ApeNameTeamE/assets/js/main.js

@@ -55,24 +55,17 @@ document.addEventListener('DOMContentLoaded', () => {
 
 
   // ─── Hamburger Menu (Mobile) ─────────────────────────
-  const hamburger  = document.getElementById('hamburger');
-  const mobileMenu = document.getElementById('mobile-menu');
+  const mobileBtn      = document.getElementById('mobile-menu-button');
+  const mobileMenu     = document.getElementById('mobile-menu');
+  const closeMobileBtn = document.getElementById('close-mobile-menu');
 
-  hamburger?.addEventListener('click', () => {
-    const isOpen = !mobileMenu.classList.contains('hidden');
-    mobileMenu.classList.toggle('hidden');
+  const closeMobileMenu = () => {
+    mobileMenu?.classList.add('-translate-x-full');
+    mobileBtn?.setAttribute('aria-expanded', 'false');
+  };
 
-    // Toggle icon
-    const icon = hamburger.querySelector('i');
-    if (isOpen) {
-      icon.className = 'fas fa-bars text-lg';
-    } else {
-      icon.className = 'fas fa-times text-lg';
-    }
-
-    // Aksesibilitas
-    hamburger.setAttribute('aria-expanded', String(!isOpen));
-  });
+  // openMobileMenu handled by inline script in HTML; this covers close-on-scroll
+  closeMobileBtn?.addEventListener('click', closeMobileMenu);
 
 
   // ─── Smooth Scroll untuk anchor links ──────────────
@@ -90,9 +83,7 @@ document.addEventListener('DOMContentLoaded', () => {
       window.scrollTo({ top, behavior: 'smooth' });
 
       // Tutup mobile menu jika sedang terbuka
-      mobileMenu?.classList.add('hidden');
-      const icon = hamburger?.querySelector('i');
-      if (icon) icon.className = 'fas fa-bars text-lg';
+      closeMobileMenu();
     });
   });