Mega Menu


Open Mega Menu With Burger Button

Example: https://alexisunderwood.com/

To open a mega menu with the hamburger button, add this code to Code Injection under the plugin code:

<!-- Open Mega Menu With Burger Button -->
<!-- Author: Dmytro Kyselov https://dmytrokyselov.com/ -->
<script>function openMegaMenuWithBurgerButton(burgerBtn){ if (!megaMenuItems) return null; const burgerBtnClone=burgerBtn.cloneNode(true); burgerBtnClone.classList.add('header-burger-btn-mega-menu'); burgerBtn.parentNode.appendChild(burgerBtnClone); function clickHandler(){ if (megaMenuItems[0].isOpen){ burgerBtnClone.classList.remove('burger--active'); megaMenuItems[0].close();} else{ burgerBtnClone.classList.add('burger--active'); megaMenuItems[0].open();}} burgerBtnClone.addEventListener('click', clickHandler)}setTimeout(function(){[...document.querySelectorAll('.header-burger-btn')].forEach(openMegaMenuWithBurgerButton)},1000)</script>
<style>.c-mega-menu__close, .burger:not(.header-burger-btn-mega-menu) {display: none !important}
.mega-menu-is-open .header-burger-btn.header-burger-btn-mega-menu { pointer-events: initial!important; touch-action: initial!important;
visibility: visible;}</style>
<!-- end Open Mega Menu With Burger Button -->
Previous
Previous

Inventory Indicator

Next
Next

Video Lightbox