SnazzyMenu.js

Responsive, lightweight, mega menu

Download Star Fork

Resize browser width to see how SnazzyMenu behaves on mobile/desktop

Code snippet

Scroll down to see sticky SnazzyMenu in action!

SnazzyMenu is sticky by default. Set option sticky: false to disable sticky behavior on mobile/desktop.

Use a custom logo image as the home button.

SnazzyMenu uses a home icon by default. Change this by setting option homeBtn to the path of your company logo.

Code snippet
Code snippet

Light or dark theme!

Dark theme is set by default. Set theme: light if you want SnazzyMenu to have a light theme.

Opt for a more traditional looking nav.

🚫🍔 Don't want a hamburger menu? No problem! Set option noControls: true if you want the top level nav items to show instead of the control buttons (hamburger menu, call button, location button). This only applies to desktop viewports.

Code snippet