Multi-Level Drop-Down Menu Widget

A multi-level drop-down menu that animates on open.
Widget
Menu
Mobile Menu

Style the open button

Set the color and size of the open button, and add a custom image for the open button.

Link submenus

Easily link a submenu to a menu item by assigning the submenu name to the menu item. View tutorial for more detail.

Add up to 12 menu items for each menu

Each menu can have up to 12 menu items! Have unlimited menus by linking a menu to another menu item.

Style menu colors

Style the color of the menu to match your website!

Style text

Set the text color, size, font-weight, line-height, and padding.

Style icons

Style the forward and back icons for the menu. Set the color, opacity, size, and line-height for the icon.

Set anchor point scrolling

Set the speed, easing, and offset of how the menu scrolls to different anchor points on the page.

Responsive-Ready

The widget works across all breakpoints and can be set to responsive width, responsive width and height, and stretch to browser width.

Multi-Browser Support

Google Chrome
Mozilla Firefox
Safari
Opera
Microsoft Edge
Internet Explorer IE 11+

Version 1.3

Version 1.3

12.16.2016

  • Fixed issue with back button closing the menu when the option ‘Close Menu On Menu Click’ is selected.
  • Removed the option to set the height of the menu manually.
  • Removed menu scrolling.
  • *Note: To update you only need to replace the “Add First – Styling” widget and not the main menu and submenu widgets.

Version 1.3

12.12.2016

  • Ability to close menu on menu click.
  • Ability to scroll through menu when menu height is larger than the height of the device.
  • Updated code.

Version 1.2

09.26.2016

  • Ability to add lines in between menu items.
  • Ability to open menu from right.
  • Ability to change the text for the back button.