fix menu breakpoint

assets/js/theme/design-system/mainMenu.js

-import { breakpoints } from '../utils/breakpoints';
+import { breakpoints, isMobile } from '../utils/breakpoints';
 import { a11yClick } from '../utils/a11y';
 
 const CLASSES = {
@@ -59,16 +59,15 @@ class MainMenu {
     }
 
     resize () {
-        const isMobile = window.innerWidth <= breakpoints.md;
         document.documentElement.style.setProperty('--header-height', this.element.offsetHeight + 'px');
         document.documentElement.style.setProperty('--header-menu-max-height', (window.innerHeight - this.element.offsetHeight) + 'px');
 
         // is state changed ?
-        if (this.state.isMobile === isMobile) {
+        if (this.state.isMobile === isMobile()) {
             return null;
         }
 
-        this.state.isMobile = isMobile;
+        this.state.isMobile = isMobile();
 
         this.closeEverything();
     }

assets/js/theme/utils/breakpoints.js

@@ -8,7 +8,7 @@ const breakpoints = {
 };
 
 const isMobile = function() {
-    return window.innerWidth <= breakpoints.md 
+    return window.innerWidth <= breakpoints.lg 
 }
 
 export {