mmenu plugin

WordPress users are in luck!

All the power and beauty of the mmenu.js plugin has been implemented into an easy to use, plug-and-play WordPress environment.

Out of the box

The mmenu WordPress plugin works out of the box with WordPress' default menus and locations and can be dropped on any existing theme. If necessary, it’ll override the already existing mobile menu.

No coding required

The mmenu WordPress plugin requires no knowledge of the mmenu.js plugin, JavaScript, CSS or PHP. You can simply target the menu and click through the pre-defined options to create a beautiful mobile menu.

Download Changelog Read me

Available options

Here's a list of all the options in the mmenu WordPress plugin.

Position the menu
Select how to position the menu; at the left, at the bottom, at the right, or at the top side of the page.

Choose a background color
Use the color picker to select the background you like. Any color will do. Dark, light, black or white, the menu will always look good.

The menu on wider screens
Use mmenu for your desktop menu as well, just specify a breakpoint or pick one already defined by your theme.

Select how to navigate
Select how to navigate between different levels in the menu; with a back-button, with breadcrumbs, by showing a small part of the parent level or with vertical dropdown menus.

Add a photo, logo, or image
Personalize the menu by adding a photo, a company logo or a full width background image to the menu header.

Add a searchfield
Enable your visitors to search through the listitems and actually search through the entire website.

Add buttons to the header or footer
Add buttons to show your social media channels, email address, phonenumber or whatever else you think needs extra attention.

Advanced options

  • Add a shadow to the page.
  • Dim out the page to black.
  • Slide out the menu a bit.
  • Indent the menu item borders.
  • Truncate listitems to a single line.
  • Add a counter for submenus.
  • <a href="#"> opens the submenu.
  • Open the menu fullscreen.
Accessibility options

  • Add support for screen readers.
  • Enable navigating with a keyboard.
  • Auto-detect RTL languages.
Download Changelog Read-me