Responsive Menu Pro builds mobile and desktop navigation from a WordPress menu you select. On mobile, a hamburger button opens a slide-in panel. On desktop, the menu can expand into multi-column mega menus with links and widgets, using the same menu structure.

The add-on adds its own menu alongside your theme or page builder. If the original menu remains visible, enter its CSS selector in the Hide theme menu setting. You can use the plugin with different themes and page builders.

Choose where the menu appears

Set the breakpoint for mobile navigation, then include or exclude the menu on specific pages and devices. The mobile panel can open from the left, right, top, or bottom with a slide or push animation. Choose from 26 animated hamburger buttons, set the button to stay fixed as visitors scroll, and lock page scrolling while the menu is open. Custom triggers let you choose how visitors open it.

Configure the menu and header

Adjust background, text, and border colors, including opacity, along with fonts, font sizes, and text alignment. Add a logo, title, search, or custom content to the header bar. Font icons can appear on individual menu items, and a WooCommerce cart can display its entry count as a dropdown, drawer, or link.

• Set sub-menu depth and show or conceal items according to login state or selected user roles.
• Add custom HTML, social or action icons, and other menu content.
• Preview the mobile and desktop layouts while refining the styling.

Language and interaction options

Responsive Menu Pro works with WPML and Polylang so the menu can follow the visitor’s language. The plugin also supports right-to-left layouts. Keyboard visitors can navigate the menu with Tab and Shift+Tab, close it with Escape, and keep focus inside while it is open. Screen-reader labels and reduced-motion support are included. Contrast and tap-target size depend on the colors and sizes you choose.

Set up the menu

1. Install and activate Responsive Menu Pro, then open its settings in WordPress.
2. Choose the existing WordPress menu to show.
3. Configure the breakpoint, page and device rules, panel, button, header, and menu components.
4. Preview the result and apply the configuration when it is ready.

Pro also includes priority support from the team that builds the plugin.