diff --git a/assets/js/theme/design-system/mainMenu.js b/assets/js/theme/design-system/mainMenu.js
index cb24b4e134bf01c2e6dc409ad48bd2f5d66ea119..feae6792b95bbd66c0ac12430956417c061efa16 100644
--- a/assets/js/theme/design-system/mainMenu.js
+++ b/assets/js/theme/design-system/mainMenu.js
@@ -1,4 +1,4 @@
-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();
     }
diff --git a/assets/js/theme/utils/breakpoints.js b/assets/js/theme/utils/breakpoints.js
index 4bb5c1e37d4fb6de7f1b5115304a224d6d9a4f3b..d0dba054d32f89a40e0571efa2d8d298343a0f40 100644
--- a/assets/js/theme/utils/breakpoints.js
+++ b/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 {