From 5cf4720aff95bacf96d9919ce6c285de0ec764ec Mon Sep 17 00:00:00 2001
From: panr <radoslaw.koziel@gmail.com>
Date: Tue, 21 Jun 2022 17:15:11 +0200
Subject: [PATCH] change menu behavior

---
 assets/js/menu.js            | 8 +++-----
 layouts/partials/footer.html | 3 +--
 layouts/partials/menu.html   | 2 +-
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/assets/js/menu.js b/assets/js/menu.js
index d383f25..24bf45e 100644
--- a/assets/js/menu.js
+++ b/assets/js/menu.js
@@ -7,9 +7,7 @@ const menuMore = document.querySelector(".menu__sub-inner-more");
 const mobileQuery = getComputedStyle(document.body).getPropertyValue("--phoneWidth");
 const isMobile = () => window.matchMedia(mobileQuery).matches;
 const handleMenuClasses = () => {
-  mobileMenuTrigger && mobileMenuTrigger.classList.toggle("hidden", !isMobile());
-  menu && menu.classList.toggle("hidden", isMobile());
-  menuMore && menuMore.classList.toggle("hidden", !isMobile());
+  menuMore && menuMore.classList.toggle("hidden-on-mobile", !isMobile());
 };
 
 // Common
@@ -17,7 +15,7 @@ const handleMenuClasses = () => {
 menu && menu.addEventListener("click", (e) => e.stopPropagation());
 menuMore && menuMore.addEventListener("click", (e) => e.stopPropagation());
 
-handleMenuClasses();
+// handleMenuClasses();
 
 document.body.addEventListener("click", () => {
   if (!isMobile() && menuMore && !menuMore.classList.contains("hidden")) {
@@ -34,7 +32,7 @@ window.addEventListener("resize", handleMenuClasses);
 mobileMenuTrigger &&
   mobileMenuTrigger.addEventListener("click", (e) => {
     e.stopPropagation();
-    menu && menu.classList.toggle("hidden");
+    menu && menu.classList.toggle("hidden-on-mobile");
   });
 
 // Desktop menu
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index b9c602e..4577293 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -18,8 +18,7 @@
 
 {{ $bundle := slice $menu $languageSelector $prism | resources.Concat "bundle.js" | resources.Minify }}
 
-
-<script type="text/javascript" async src="{{ $bundle.RelPermalink }}"></script>
+<script type="text/javascript" src="{{ $bundle.RelPermalink }}"></script>
 
 <!-- Extended footer section-->
 {{ partial "extended_footer.html" . }}
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index 17d39c8..a32298f 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -1,4 +1,4 @@
-<nav class="menu">
+<nav class="menu hidden-on-mobile">
   <ul class="menu__inner menu__inner--desktop">
     {{ if or $.Site.Params.showMenuItems ( eq .Site.Params.showMenuItems 0 ) }}
       {{ range first $.Site.Params.showMenuItems $.Site.Menus.main }}