From 806a01a9ace750924c09a96aab2b1876774a83b1 Mon Sep 17 00:00:00 2001
From: michelmany <hello@michelmany.com>
Date: Mon, 12 Feb 2024 19:57:58 +0100
Subject: [PATCH] fix: hitting the escape key should close the menu

---
 assets/js/menu-min.js |  2 +-
 assets/js/src/menu.js | 45 ++++++++++++++++++++++++++++---------------
 header.php            |  2 +-
 3 files changed, 32 insertions(+), 17 deletions(-)

diff --git a/assets/js/menu-min.js b/assets/js/menu-min.js
index fb6c450..c7de638 100644
--- a/assets/js/menu-min.js
+++ b/assets/js/menu-min.js
@@ -1 +1 @@
-!function($){const e=$("#main-navigation"),n=$("#nav-icon");let t=$(".zight-mobile-tab-toggle");if($('a[href*="#"]').not('[href="#"]').not('[href="#0"]').not('[href="#main-content"]').not(".features_buttons_acc a").click((function(e){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var n=$(this.hash);(n=n.length?n:$("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),$("html, body").animate({scrollTop:n.offset().top},1e3,(function(){var e=$(n);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()})))}})),document.addEventListener("DOMContentLoaded",(function(){var e=document.querySelectorAll(".site-header"),n;document.querySelectorAll(".sub_menu_back").forEach((function(n){n.addEventListener("click",(function(n){n.preventDefault();var t=this.closest(".sub_menu"),i=$(t).parent().find(".menu-item-main-link");i.length&&i.focus(),t&&t.classList.remove("active"),e.forEach((function(e){e.classList.remove("site-header-active")}))}))})),$(window).innerWidth()>=1070&&($("#menu_search_btn").on("click",(function(){var e=$(".search-popup");e.length&&(e.addClass("active"),$(this).attr("aria-expanded","true"),$("#modal_search").focus())})),$("#modal_search").on("input",(function(){var e=$(".search-popup");e.length&&e.addClass("input-active")})),$("#close-search").on("click",(function(){var e=$(".search-popup");e.length&&(e.removeClass("active"),$("#menu_search_btn").attr("aria-expanded","false"),$("#menu_search_btn").focus())})))})),$(window).innerWidth()<1070){var i=$(".menu-item-main-link"),a=$(".site-header");i.on("click",(function(e){if(e.preventDefault(),0==$(this).hasClass("menu-item-no-drop")){$(this).toggleClass("active"),$(this).parent().toggleClass("active");var n=$(this).siblings(".sub_menu");n.length&&n.toggleClass("active"),a.toggleClass("site-header-active");let e,t=$(this).siblings(".sub_menu").find(".menu-column").find("a[href], button:not([disabled])").first();t.length&&t.focus()}}))}const s=undefined;document.getElementById("mobile-help-button")&&document.querySelector(".mobile-help-button .btn").addEventListener("keydown",(function(t){if("Tab"===t.key){t.preventDefault(),$(".site-header").removeClass("site-header-active"),$(".menu-item-main-link").removeClass("active"),$(".main-nav-link-li").removeClass("active");const i=undefined;document.querySelectorAll(".sub_menu.active").forEach((function(e){e.classList.remove("active")})),$(n).toggleClass("open"),"false"===$(n).attr("aria-expanded")?$(n).attr("aria-expanded","true"):$(n).attr("aria-expanded","false"),e.hasClass("menu-mobile-open")?e.removeClass("menu-mobile-open"):e.addClass("menu-mobile-open"),$(window).scrollTop()>40?$("#header-top").toggle():$("#header-top").slideToggle(),$(".primary-navigation").toggleClass("active"),$("html, body").animate({scrollTop:$(window).scrollTop()},100),$("body").toggleClass("mobile-navigation-open")}})),n.click((function(){var n;$(".site-header").removeClass("site-header-active"),$(".menu-item-main-link").removeClass("active"),$(".main-nav-link-li").removeClass("active"),document.querySelectorAll(".sub_menu.active").forEach((function(e){e.classList.remove("active")})),$(this).toggleClass("open"),"false"===$(this).attr("aria-expanded")?$(this).attr("aria-expanded","true"):$(this).attr("aria-expanded","false"),e.hasClass("menu-mobile-open")?e.removeClass("menu-mobile-open"):e.addClass("menu-mobile-open"),$(window).scrollTop()>40?$("#header-top").toggle():$("#header-top").slideToggle(),$(".primary-navigation").toggleClass("active"),$("html, body").animate({scrollTop:$(window).scrollTop()},100),$("body").toggleClass("mobile-navigation-open")})),$(".nav-icon").click((function(){var t;$(".site-header").removeClass("site-header-active"),$(".menu-item-main-link").removeClass("active"),$(".main-nav-link-li").removeClass("active"),document.querySelectorAll(".sub_menu.active").forEach((function(e){e.classList.remove("active")})),n.removeClass("open"),$(this).attr("aria-expanded","false"),e.removeClass("menu-mobile-open"),$(".primary-navigation").removeClass("active"),$("html, body").animate({scrollTop:$(window).scrollTop()},100),$("body").removeClass("mobile-navigation-open")}));var o=!0;$(window).on("resize",(function(){e.hasClass("menu-mobile-open")&&($(window).width()>1070&&o?(n.click(),e.removeClass("menu-mobile-open"),$("body").removeClass("mobile-navigation-open"),o=!1):$(window).width()<=1070&&!o&&(o=!0)),$(window).width()>1070&&$(".zight-tab-content-nav .ul").css("display","flex"),$(window).width()<=1070&&t.next().hide()})),$(".primary-navigation li.has-submenus button").attr("aria-expanded","false"),$(".primary-navigation li.has-submenus button").click((function(){$(this).attr("aria-expanded",(function(e,n){return"true"==n?(n="false",$(this).siblings(".sub_menu").removeClass("open")):($(".primary-navigation li.has-submenus button").each((function(e,n){"true"==$(n).attr("aria-expanded")&&($(n).attr("aria-expanded","false"),$(n).siblings(".sub_menu").removeClass("open"))})),n="true",$(this).siblings(".sub_menu").addClass("open").find(".menu-column:first-child .sub-menu li:first-child a").focus()),n}))})),$("a").keydown((function(e){13===e.keyCode&&setTimeout((function(){const e=window.innerHeight,n=document.querySelectorAll("#main-content a");for(let t=0;t<n.length;t++){const i=n[t],a=i.getBoundingClientRect().top;if(a>=0&&a<e){i.focus();break}}}),1500)}))}(jQuery),function($){$(".menu-item-has-children").attr("aria-haspopup","true"),$(".dropdown-toggle").click((function(e){$(".dropdown-toggle").not(this).each((function(){$(this).closest(".main-nav-link-li").removeClass("ada-active-menu"),$(this).removeClass("toggled-on"),$(this).closest(".sub-menu").removeClass("toggled-on"),$(this).attr("aria-expanded","false"===$(this).attr("aria-expanded")?"true":"false")})),e.preventDefault(),$(this).toggleClass("toggled-on"),$(this).closest(".has-submenus").toggleClass("ada-active-menu"),$(this).nextAll(".sub-menu").toggleClass("toggled-on"),$(this).attr("aria-expanded","false"===$(this).attr("aria-expanded")?"true":"false")})),$(".menu-item a, .dropdown-toggle, .menu-item-main-link, #close-search, #modal_search").on("keydown",(function(e){if(-1==[37,38,39,40,27,9].indexOf(e.keyCode))return;let n;switch(e.keyCode){case 9:var t='a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])',i=$(".sub_menu.active").find(t).last();if($(this).is(i)&&$(".sub_menu_back").focus(),$(this).is("#close-search")&&(e.preventDefault(),$(".under_line .input-group input").focus()),$(this).is("#modal_search")&&e.shiftKey&&e.preventDefault(),$(this).is(".menu-item a")){var a=$(this).closest(".main-nav-link-li").find(".menu-item-main-link").siblings(".sub_menu").find('a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])');let n=$(this).closest(".main-nav-link-li").find(".menu-item-main-link");var s=a[a.length-1];e.target!==s||e.shiftKey||(e.preventDefault(),n.attr("aria-expanded","false"),n.focus(),n.siblings(".sub_menu").removeClass("open"))}break;case 27:$(this).parents("ul").first().prev(".dropdown-toggle.toggled-on").focus(),$(this).parents("ul").first().prev(".dropdown-toggle.toggled-on").click(),$(".main-nav-link-li").removeClass("ada-active-menu"),$(".dropdown-toggle.toggled-on").removeClass("toggled-on"),$(".sub-menu").removeClass("toggled-on"),$(".dropdown-toggle.toggled-on").attr("aria-expanded","false"===$(this).attr("aria-expanded")?"true":"false"),$(this).is(".menu-item a")&&$(this).closest(".main-nav-link-li").find(".menu-item-main-link")&&($(this).closest(".main-nav-link-li").find(".menu-item-main-link").attr("aria-expanded","false"),$(this).closest(".main-nav-link-li").find(".menu-item-main-link").focus(),$(this).closest(".main-nav-link-li").find(".menu-item-main-link").siblings(".sub_menu").removeClass("open"));break;case 37:e.preventDefault(),e.stopPropagation(),n=$(this).index(),$(this).is(".menu-item a")&&$(this).closest(".menu-column").prev().find("li").eq(n).find("a").focus(),$(this).is(".menu-item-main-link")&&(0!=$(this).closest(".main-nav-link-li").prev().find(".dropdown-toggle").length?$(this).closest(".main-nav-link-li").prev().find(".dropdown-toggle").focus():$(this).closest(".main-nav-link-li").prev().find(".menu-item-main-link").focus()),$(this).is(".dropdown-toggle")&&($(this).closest(".main-nav-link-li").find(".menu-item-main-link")?$(this).closest(".main-nav-link-li").find(".menu-item-main-link").focus():$(this).closest(".main-nav-link-li").prev().find(".menu-item-main-link").focus());break;case 39:e.preventDefault(),e.stopPropagation(),n=$(this).index(),$(this).is(".menu-item a")&&$(this).closest(".menu-column").next().find("li").eq(n).find("a").focus(),$(this).is(".menu-item-main-link")&&(0!=$(this).siblings(".menu-item-rel").find(".dropdown-toggle").length?$(this).siblings(".menu-item-rel").find(".dropdown-toggle").focus():$(this).closest(".main-nav-link-li").next().find(".menu-item-main-link").focus()),$(this).is(".dropdown-toggle")&&$(this).closest(".main-nav-link-li").next().find(".menu-item-main-link").focus();break;case 40:e.preventDefault(),e.stopPropagation(),$(this).next().length?$(this).next().find("li:first-child a").first().focus():$(this).parent().next().children("a").focus(),$(this).is("ul.sub-menu a")&&$(this).next("button.dropdown-toggle").length&&$(this).parent().next().children("a").focus(),$(this).is("ul.sub-menu .dropdown-toggle")&&$(this).parent().next().children(".dropdown-toggle").length&&$(this).parent().next().children(".dropdown-toggle").focus(),$(this).is(".dropdown-toggle")&&$(this).closest(".ada-active-menu")&&$(this).closest(".ada-active-menu").find(".menu-column .menu-item").first().find("a").focus(),$(this).is(".menu-item-main-link")&&$(this).closest(".ada-active-menu")&&$(this).closest(".ada-active-menu").find(".menu-column .menu-item").first().find("a").focus();break;case 38:e.preventDefault(),e.stopPropagation(),$(this).is(".menu-item a")&&(console.log($(this).parent(".menu-item").index()),0==$(this).parent(".menu-item").index()?$(this).closest(".ada-active-menu").find(".menu-item-main-link").focus():$(this).parent().prev().length?$(this).parent().prev().children("a").focus():$(this).parents("ul").first().prev(".dropdown-toggle.toggled-on").focus());break}}))}(jQuery);
\ No newline at end of file
+!function($){function e(){n.removeClass("menu-mobile-open"),t.removeClass("open"),$(".site-header").removeClass("site-header-active"),$(".menu-item-main-link").removeClass("active"),$(".main-nav-link-li").removeClass("active"),$(".primary-navigation").removeClass("active"),$("body").removeClass("mobile-navigation-open"),$(".nav-icon").attr("aria-expanded","false"),document.querySelectorAll(".sub_menu.active").forEach((function(e){e.classList.remove("active")})),$("html, body").animate({scrollTop:$(window).scrollTop()},100)}const n=$("#main-navigation"),t=$("#nav-icon");let i=$(".zight-mobile-tab-toggle");if($('a[href*="#"]').not('[href="#"]').not('[href="#0"]').not('[href="#main-content"]').not(".features_buttons_acc a").click((function(e){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var n=$(this.hash);(n=n.length?n:$("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),$("html, body").animate({scrollTop:n.offset().top},1e3,(function(){var e=$(n);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()})))}})),document.addEventListener("DOMContentLoaded",(function(){var e=document.querySelectorAll(".site-header"),n;document.querySelectorAll(".sub_menu_back").forEach((function(n){n.addEventListener("click",(function(n){n.preventDefault();var t=this.closest(".sub_menu"),i=$(t).parent().find(".menu-item-main-link");i.length&&i.focus(),t&&t.classList.remove("active"),e.forEach((function(e){e.classList.remove("site-header-active")}))}))})),$(window).innerWidth()>=1070&&($("#menu_search_btn").on("click",(function(){var e=$(".search-popup");e.length&&(e.addClass("active"),$(this).attr("aria-expanded","true"),$("#modal_search").focus())})),$("#modal_search").on("input",(function(){var e=$(".search-popup");e.length&&e.addClass("input-active")})),$("#close-search").on("click",(function(){var e=$(".search-popup");e.length&&(e.removeClass("active"),$("#menu_search_btn").attr("aria-expanded","false"),$("#menu_search_btn").focus())})))})),$(window).innerWidth()<1070){var a=$(".menu-item-main-link"),s=$(".site-header");a.on("click",(function(e){if(e.preventDefault(),0==$(this).hasClass("menu-item-no-drop")){$(this).toggleClass("active"),$(this).parent().toggleClass("active");var n=$(this).siblings(".sub_menu");n.length&&n.toggleClass("active"),s.toggleClass("site-header-active");let e,t=$(this).siblings(".sub_menu").find(".menu-column").find("a[href], button:not([disabled])").first();t.length&&t.focus()}}))}const o=undefined;document.getElementById("mobile-help-button")&&document.querySelector(".mobile-help-button .btn").addEventListener("keydown",(function(e){if("Tab"===e.key){e.preventDefault(),$(".site-header").removeClass("site-header-active"),$(".menu-item-main-link").removeClass("active"),$(".main-nav-link-li").removeClass("active");const i=undefined;document.querySelectorAll(".sub_menu.active").forEach((function(e){e.classList.remove("active")})),$(t).toggleClass("open"),"false"===$(t).attr("aria-expanded")?$(t).attr("aria-expanded","true"):$(t).attr("aria-expanded","false"),n.hasClass("menu-mobile-open")?n.removeClass("menu-mobile-open"):n.addClass("menu-mobile-open"),$(window).scrollTop()>40?$("#header-top").toggle():$("#header-top").slideToggle(),$(".primary-navigation").toggleClass("active"),$("html, body").animate({scrollTop:$(window).scrollTop()},100),$("body").toggleClass("mobile-navigation-open")}})),t.click((function(){var e;$(".site-header").removeClass("site-header-active"),$(".menu-item-main-link").removeClass("active"),$(".main-nav-link-li").removeClass("active"),document.querySelectorAll(".sub_menu.active").forEach((function(e){e.classList.remove("active")})),$(this).toggleClass("open"),"false"===$(this).attr("aria-expanded")?$(this).attr("aria-expanded","true"):$(this).attr("aria-expanded","false"),n.hasClass("menu-mobile-open")?n.removeClass("menu-mobile-open"):n.addClass("menu-mobile-open"),$(window).scrollTop()>40?$("#header-top").toggle():$("#header-top").slideToggle(),$(".primary-navigation").toggleClass("active"),$("html, body").animate({scrollTop:$(window).scrollTop()},100),$("body").toggleClass("mobile-navigation-open")})),$(".nav-icon").click((function(){e()})),$(".menu-item-main-link, #nav-icon, #search, .mobile-cta-button a, .site-title a").keydown((function(){27===event.keyCode&&e()})),$(".sub-menu .menu-item a").keydown((function(){27===event.keyCode&&$("button.sub_menu_back").click()}));var l=!0;$(window).on("resize",(function(){n.hasClass("menu-mobile-open")&&($(window).width()>1070&&l?(t.click(),n.removeClass("menu-mobile-open"),$("body").removeClass("mobile-navigation-open"),l=!1):$(window).width()<=1070&&!l&&(l=!0)),$(window).width()>1070&&$(".zight-tab-content-nav .ul").css("display","flex"),$(window).width()<=1070&&i.next().hide()})),$(".primary-navigation li.has-submenus button").attr("aria-expanded","false"),$(".primary-navigation li.has-submenus button").click((function(){$(this).attr("aria-expanded",(function(e,n){return"true"==n?(n="false",$(this).siblings(".sub_menu").removeClass("open")):($(".primary-navigation li.has-submenus button").each((function(e,n){"true"==$(n).attr("aria-expanded")&&($(n).attr("aria-expanded","false"),$(n).siblings(".sub_menu").removeClass("open"))})),n="true",$(this).siblings(".sub_menu").addClass("open").find(".menu-column:first-child .sub-menu li:first-child a").focus()),n}))})),$("a").keydown((function(e){13===e.keyCode&&setTimeout((function(){const e=window.innerHeight,n=document.querySelectorAll("#main-content a");for(let t=0;t<n.length;t++){const i=n[t],a=i.getBoundingClientRect().top;if(a>=0&&a<e){i.focus();break}}}),1500)}))}(jQuery),function($){$(".menu-item-has-children").attr("aria-haspopup","true"),$(".dropdown-toggle").click((function(e){$(".dropdown-toggle").not(this).each((function(){$(this).closest(".main-nav-link-li").removeClass("ada-active-menu"),$(this).removeClass("toggled-on"),$(this).closest(".sub-menu").removeClass("toggled-on"),$(this).attr("aria-expanded","false"===$(this).attr("aria-expanded")?"true":"false")})),e.preventDefault(),$(this).toggleClass("toggled-on"),$(this).closest(".has-submenus").toggleClass("ada-active-menu"),$(this).nextAll(".sub-menu").toggleClass("toggled-on"),$(this).attr("aria-expanded","false"===$(this).attr("aria-expanded")?"true":"false")})),$(".menu-item a, .dropdown-toggle, .menu-item-main-link, #close-search, #modal_search").on("keydown",(function(e){if(-1==[37,38,39,40,27,9].indexOf(e.keyCode))return;let n;switch(e.keyCode){case 9:var t='a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])',i=$(".sub_menu.active").find(t).last();if($(this).is(i)&&$(".sub_menu_back").focus(),$(this).is("#close-search")&&(e.preventDefault(),$(".under_line .input-group input").focus()),$(this).is("#modal_search")&&e.shiftKey&&e.preventDefault(),$(this).is(".menu-item a")){var a=$(this).closest(".main-nav-link-li").find(".menu-item-main-link").siblings(".sub_menu").find('a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])');let n=$(this).closest(".main-nav-link-li").find(".menu-item-main-link");var s=a[a.length-1];e.target!==s||e.shiftKey||(e.preventDefault(),n.attr("aria-expanded","false"),n.focus(),n.siblings(".sub_menu").removeClass("open"))}break;case 27:$(this).parents("ul").first().prev(".dropdown-toggle.toggled-on").focus(),$(this).parents("ul").first().prev(".dropdown-toggle.toggled-on").click(),$(".main-nav-link-li").removeClass("ada-active-menu"),$(".dropdown-toggle.toggled-on").removeClass("toggled-on"),$(".sub-menu").removeClass("toggled-on"),$(".dropdown-toggle.toggled-on").attr("aria-expanded","false"===$(this).attr("aria-expanded")?"true":"false"),$(this).is(".menu-item a")&&$(this).closest(".main-nav-link-li").find(".menu-item-main-link")&&($(this).closest(".main-nav-link-li").find(".menu-item-main-link").attr("aria-expanded","false"),$(this).closest(".main-nav-link-li").find(".menu-item-main-link").focus(),$(this).closest(".main-nav-link-li").find(".menu-item-main-link").siblings(".sub_menu").removeClass("open")),$("body").toggleClass("mobile-navigation-open");break;case 37:e.preventDefault(),e.stopPropagation(),n=$(this).index(),$(this).is(".menu-item a")&&$(this).closest(".menu-column").prev().find("li").eq(n).find("a").focus(),$(this).is(".menu-item-main-link")&&(0!=$(this).closest(".main-nav-link-li").prev().find(".dropdown-toggle").length?$(this).closest(".main-nav-link-li").prev().find(".dropdown-toggle").focus():$(this).closest(".main-nav-link-li").prev().find(".menu-item-main-link").focus()),$(this).is(".dropdown-toggle")&&($(this).closest(".main-nav-link-li").find(".menu-item-main-link")?$(this).closest(".main-nav-link-li").find(".menu-item-main-link").focus():$(this).closest(".main-nav-link-li").prev().find(".menu-item-main-link").focus());break;case 39:e.preventDefault(),e.stopPropagation(),n=$(this).index(),$(this).is(".menu-item a")&&$(this).closest(".menu-column").next().find("li").eq(n).find("a").focus(),$(this).is(".menu-item-main-link")&&(0!=$(this).siblings(".menu-item-rel").find(".dropdown-toggle").length?$(this).siblings(".menu-item-rel").find(".dropdown-toggle").focus():$(this).closest(".main-nav-link-li").next().find(".menu-item-main-link").focus()),$(this).is(".dropdown-toggle")&&$(this).closest(".main-nav-link-li").next().find(".menu-item-main-link").focus();break;case 40:e.preventDefault(),e.stopPropagation(),$(this).next().length?$(this).next().find("li:first-child a").first().focus():$(this).parent().next().children("a").focus(),$(this).is("ul.sub-menu a")&&$(this).next("button.dropdown-toggle").length&&$(this).parent().next().children("a").focus(),$(this).is("ul.sub-menu .dropdown-toggle")&&$(this).parent().next().children(".dropdown-toggle").length&&$(this).parent().next().children(".dropdown-toggle").focus(),$(this).is(".dropdown-toggle")&&$(this).closest(".ada-active-menu")&&$(this).closest(".ada-active-menu").find(".menu-column .menu-item").first().find("a").focus(),$(this).is(".menu-item-main-link")&&$(this).closest(".ada-active-menu")&&$(this).closest(".ada-active-menu").find(".menu-column .menu-item").first().find("a").focus();break;case 38:e.preventDefault(),e.stopPropagation(),$(this).is(".menu-item a")&&(console.log($(this).parent(".menu-item").index()),0==$(this).parent(".menu-item").index()?$(this).closest(".ada-active-menu").find(".menu-item-main-link").focus():$(this).parent().prev().length?$(this).parent().prev().children("a").focus():$(this).parents("ul").first().prev(".dropdown-toggle.toggled-on").focus());break}}))}(jQuery);
\ No newline at end of file
diff --git a/assets/js/src/menu.js b/assets/js/src/menu.js
index 9af5db9..a089896 100644
--- a/assets/js/src/menu.js
+++ b/assets/js/src/menu.js
@@ -215,25 +215,38 @@
 	});
 
 	// Inner toggle
-	$('.nav-icon').click(function () {
+	$('.nav-icon').click(function() {
+		closeMobileMenu();
+	});
+
+	$('.menu-item-main-link, #nav-icon, #search, .mobile-cta-button a, .site-title a').keydown(function() {
+		if (event.keyCode === 27) {
+			closeMobileMenu();
+		}
+	});
+
+	$('.sub-menu .menu-item a').keydown(function() {
+		if (event.keyCode === 27) {
+			$('button.sub_menu_back').click();
+		}
+	});
+
+	function closeMobileMenu() {
+		nav.removeClass('menu-mobile-open');
+		navIcon.removeClass('open');
 		$('.site-header').removeClass('site-header-active');
-		$('.menu-item-main-link').removeClass("active");
-		$('.main-nav-link-li').removeClass("active");
-		var activeSubMenus = document.querySelectorAll('.sub_menu.active');
-		activeSubMenus.forEach(function (element) {
+		$('.menu-item-main-link').removeClass('active');
+		$('.main-nav-link-li').removeClass('active');
+		$('.primary-navigation').removeClass('active');
+		$('body').removeClass('mobile-navigation-open');
+		$('.nav-icon').attr('aria-expanded', 'false');
+
+		document.querySelectorAll('.sub_menu.active').forEach(function(element) {
 			element.classList.remove('active');
 		});
 
-		navIcon.removeClass("open");
-		// $(this).removeClass("open");
-		$(this).attr("aria-expanded", "false");
-		nav.removeClass("menu-mobile-open")
-
-		$(".primary-navigation").removeClass("active");
-
-		$("html, body").animate({ scrollTop: $(window).scrollTop() }, 100);
-		$("body").removeClass("mobile-navigation-open");
-	});
+		$('html, body').animate({scrollTop: $(window).scrollTop()}, 100);
+	}
 
 	//Close the menu if the main menu is opened and the window width is changed
 	var ifToClick = true;
@@ -411,6 +424,8 @@
 					}
 				}
 
+				$("body").toggleClass("mobile-navigation-open");
+
 				break;
 
 			case 37: 				// left key
diff --git a/header.php b/header.php
index 11a0c30..09a8fa3 100644
--- a/header.php
+++ b/header.php
@@ -39,7 +39,7 @@
 
 <div class="site-container">
     <a class="skip-link screen-reader-text" href="#main-content">
-		<?php esc_html__( 'Skip to content', 'eqd' ); ?>
+		<?php echo esc_html__( 'Skip to content', 'eqd' ); ?>
     </a>
 
 	<?php tha_header_before(); ?>