header height fix

assets/js/theme/nav/mainMenu.js

@@ -52,7 +52,7 @@ class MainMenu {
 
     resize () {
         const isMobile = window.innerWidth <= breakpoints.md;
-        document.documentElement.style.setProperty('--header-height', this.element.offsetHeight + 'px');
+        // document.documentElement.style.setProperty('--header-height', this.element.offsetHeight + 'px');
         // is state changed ?
         if (this.state.isMobile === isMobile) {
             return null;

assets/sass/_theme/design-system/layout.sass

@@ -4,7 +4,7 @@
     box-sizing: border-box
 
 \:root
-    --header-height: $header-nav-padding-y * 2 + $header-logo-height
+    --header-height: #{$header-nav-padding-y * 2 + $header-logo-height}
 
 body
     color: $body-color