added menu designed toggle

footer.php

@@ -76,11 +76,55 @@
 <script src="lib/waypoints/waypoints.min.js"></script>
 <script src="lib/counterup/counterup.min.js"></script>
 <script src="lib/owlcarousel/owl.carousel.min.js"></script>
+<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+
+
 
 
 <!-- Template Javascript -->
 <script src="js/main.js"></script>
 <script src="bib-toaster/toaster.js"></script>
+
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    const navbarToggler = document.querySelector('.navbar-toggler');
+    const navbarCollapse = document.getElementById('navbarSupportedContent');
+    
+    if (!navbarToggler || !navbarCollapse) return;
+    
+    // Remove Bootstrap attributes
+    navbarToggler.removeAttribute('data-bs-toggle');
+    navbarToggler.removeAttribute('data-bs-target');
+    
+    // Only handle the main menu toggle
+    navbarToggler.addEventListener('click', function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        
+        navbarCollapse.classList.toggle('show');
+        this.setAttribute('aria-expanded', navbarCollapse.classList.contains('show').toString());
+    });
+    
+    // Don't close menu when clicking on dropdown elements
+    document.addEventListener('click', function(e) {
+        if (window.innerWidth > 991) return;
+        
+        const isClickOnDropdown = e.target.closest('.dropdown-menu') || e.target.closest('.dropdown-toggle');
+        const isClickOnToggler = e.target.closest('.navbar-toggler');
+        const isClickInsideNavbar = e.target.closest('.navbar');
+        
+        if (isClickOnDropdown) return; // Don't close if clicking dropdown
+        
+        if (!isClickInsideNavbar && !isClickOnToggler && navbarCollapse.classList.contains('show')) {
+            navbarCollapse.classList.remove('show');
+            navbarToggler.setAttribute('aria-expanded', 'false');
+        }
+    });
+});
+</script>
+
+
 </body>
 
 </html>