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.

Available options

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

mobile menu positioned left mobile menu positioned bottom mobile menu positioned right mobile menu positioned top 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.

mobile menu background color 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.

mobile menu widescreen breakpoint 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.

mobile menu navigate header mobile menu navigate breadcrumbs mobile menu with icons in panels mobile menu navigate dropdown submenus 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.

mobile menu photo header mobile menu logo header mobile menu background images 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.

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

mobile menu buttons in header 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