Responsive Menu Pro for Mobile and Desktop WordPress Menus

Mobile navigation with flexible styling

Responsive Menu Pro helps you turn an existing WordPress menu into a mobile-friendly hamburger menu and off-canvas navigation. It is designed for sites that need a practical navigation experience across phones, tablets, and desktop screens without rebuilding their menus or writing CSS.

Choose the WordPress menu you want to use, decide when the responsive menu appears, and configure its position, appearance, behavior, and content from one interface. The menu can open from the left, right, top, or bottom, with slide-over or push animations.

Tools for a tailored menu experience

• Set background, text, and border colors, including color opacity.
• Choose fonts, font sizes, and text alignment.
• Use a background image and upload logos or sub-arrow images.
• Select the button position and decide whether it stays fixed while users scroll.
• Choose the screen size at which the menu is displayed.
• Control the sub-menu depth and conceal selected CSS components while the menu is open.
• Customize the integrated search and reorder or disable menu components.
• Choose animation types and speeds for the menu and button.
• Add custom HTML components and custom menu triggers.

Pro design features

The Pro edition adds further controls for refining the navigation interface. Preview changes before implementing them, animate menu entries when the menu opens, and use FontIcon support for individual menu items. You can also choose from 15 button animation effects and control opacity for colors.

Responsive Menu Pro can provide and style the main menu as well as the hamburger menu. An integrated header bar gives you another way to organize the navigation area. These settings are useful for theme replacements, sticky mobile headers, off-canvas side menus, and websites where the existing theme menu is not sufficiently mobile-friendly.

Translations, triggers, and configuration

The plugin works with WPML and Polylang, along with right-to-left layouts. You can choose custom triggers for opening the menu and include scripts externally, minified, and in the footer. Import and export options with a click when you need to move or review configuration settings.

Because the add-on works with an existing WordPress menu, your workflow can begin with the navigation structure already in place. You can then adjust the responsive breakpoint, choose the opening direction, style the button and panel, add search or branding, and preview the result before applying the changes.

Installation

1. Install and activate Responsive Menu Pro on your WordPress site.
2. Open the plugin settings in the WordPress administration area.
3. Choose the existing WordPress menu to display.
4. Configure the button, panel, breakpoint, animations, styling, search, and other components.
5. Preview your changes and implement the configuration when it is ready.

Responsive Menu Pro is suited to site owners, designers, and agencies that want detailed control over mobile navigation while keeping their existing WordPress menu structure.