hero-mega-menu

A vanilla js mega menu plugin

Usage no npm install needed!

<script type="module">
  import heroMegaMenu from 'https://cdn.skypack.dev/hero-mega-menu';
</script>

README

Hero Mega Menu

A vanilla js mega menu plugin

Features

  • Fast
  • No dependencies
  • Browser Support (Edge, Firefox, Chrome, Safari)

Options

Name Type Default Description
debugMode boolean false Turns on dev debug statements in the console
menuItemClass string mega-drop The class name of the menu item. (note, it's not selector so exclude the .
menuDropClass string mega-menu The class name of the mega menu drop class.
mobileViewport number 768 The width at which the app turns on/off mobile functionality
overrideMenuClass string hs-menu-children-wrapper In the occasion that there remains non-megamenu items in the menu, we want to retain their functionality, this is the class name of the drop.