Added JS to handle the mobile navigation

chnm · Aug 26, 2024 · 4b3c336 · 4b3c336
1 parent 3ed397c
commit 4b3c336
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -12,5 +12,7 @@
   </footer>
 </div>
 
+<script src="/js/main.js"></script>
+
   </body>
 </html>
diff --git a/static/js/main.js b/static/js/main.js
@@ -0,0 +1,8 @@
+document.addEventListener('DOMContentLoaded', function () {
+    const navbarToggler = document.querySelector('.navbar-toggler');
+    const navbarCollapse = document.querySelector('#navbarNavDropdown');
+
+    navbarToggler.addEventListener('click', function () {
+      navbarCollapse.classList.toggle('show');
+    });
+  });