Merge pull request #288 from capital-G/fix-burger-menu-button

Fix show/hide functionality to burger menu button

Author: dyfer

_includes/default/head.html

@@ -2,6 +2,17 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=5">
 
+    <script>
+        function toggleMenu() {
+            let menu = document.querySelector("nav ul");
+            if(menu.classList.contains("hide")) {
+                menu.classList.remove("hide");
+            } else {
+                menu.classList.add("hide");
+            }
+        }
+    </script>
+
     <!-- Theme Mode-->
     {% if site.color_theme == 'auto' %}
     <script>

_includes/default/navbar.html

@@ -14,7 +14,7 @@
       {% endunless %}
     </div>
 
-    <a aria-label="pull" id="pull" class="toggle" href="#">
+    <a aria-label="pull" id="pull" class="toggle" href="#" onclick="toggleMenu()">
       <i class="fas fa-bars fa-lg"></i>
     </a>