diff --git a/assets/js/theme/nav/mainMenu.js b/assets/js/theme/nav/mainMenu.js index 34b592aa6d9961b4aa2d89156b83634f7d51fe10..3847abf27386dea7ba3551ee4ed5384a8f053c59 100644 --- a/assets/js/theme/nav/mainMenu.js +++ b/assets/js/theme/nav/mainMenu.js @@ -68,7 +68,11 @@ class MainMenu { classAction = this.state.isOpened ? 'add' : 'remove'; this.mainButton.setAttribute('aria-expanded', this.state.isOpened); this.menu.classList[classAction](CLASSES.mainMenuOpened); - document.documentElement.classList[classAction](CLASSES.menusOpened); + + // Close dropdown to avoid keeping overlay when mobile and menu closed + if (this.state.isMobile && !this.state.isOpened) { + this.state.hasDropdownOpened = false; + } // Update global overlay this.updateOverlay(); @@ -123,7 +127,7 @@ class MainMenu { y = window.scrollY, isNearTop = y < offset; - if (isNearTop) { + if (isNearTop) { this.element.classList.remove(CLASSES.sticky); } else { this.element.classList.add(CLASSES.sticky); diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 75a4c47361c3d9d50a53b7437df7170658a33c70..0354eabd8d3487e131253560090a46a319b95b3c 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -26,7 +26,14 @@ $line-height-base: 1.4 !default $body-font-size: 16px !default $small-font-size: 14px !default -$h1-size: px2rem(60) !default +$h1-size-md: px2rem(60) !default +$h2-size-md: px2rem(40) !default +$h3-size-md: px2rem(30) !default +$h4-size-md: px2rem(20) !default +$h5-size-md: px2rem(18) !default +$h6-size-md: px2rem(16) !default + +$h1-size: px2rem(30) !default $h2-size: px2rem(40) !default $h3-size: px2rem(30) !default $h4-size: px2rem(20) !default