diff --git a/.dev/assets/shared/css/header/sub-menu.css b/.dev/assets/shared/css/header/sub-menu.css index 35d4673d6..a45724d8b 100644 --- a/.dev/assets/shared/css/header/sub-menu.css +++ b/.dev/assets/shared/css/header/sub-menu.css @@ -50,6 +50,17 @@ left: 50%; } } + + /* Spacer to fix menu hovers */ + &::after { + bottom: 100%; + content: ""; + height: 1.75rem; + left: 0; + position: absolute; + right: 0; + width: 100%; + } } /* All other submenus */ @@ -126,6 +137,7 @@ & svg { transform: rotate(180deg); + z-index: 9999; } } diff --git a/.dev/assets/shared/js/frontend/components/primary-menu.js b/.dev/assets/shared/js/frontend/components/primary-menu.js index c94d9cc9f..f9efe75f1 100644 --- a/.dev/assets/shared/js/frontend/components/primary-menu.js +++ b/.dev/assets/shared/js/frontend/components/primary-menu.js @@ -10,7 +10,7 @@ const init = () => { target: '#header__navigation', toggle: '#nav-toggle', // eslint-disable-next-line - sub_menu_open: 'click' + sub_menu_open: goFrontend.openMenuOnHover ? 'hover' : 'click' } ); } diff --git a/.dev/assets/shared/js/frontend/vendor/responsive-nav.js b/.dev/assets/shared/js/frontend/vendor/responsive-nav.js index 7a9447ec9..71b3db1ec 100644 --- a/.dev/assets/shared/js/frontend/vendor/responsive-nav.js +++ b/.dev/assets/shared/js/frontend/vendor/responsive-nav.js @@ -7,7 +7,7 @@ 'target' : '#primary-nav', // the selector of the nav menu