Description
LR Responsive Slide Menu is a lightweight, responsive mobile navigation plugin for WordPress. It replaces your site’s standard navigation with a modern, smooth slide-out panel on mobile viewports.
Key Features
- Multi-level Submenu Support: Easily navigate through deep parent-child menu hierarchies.
- Customization Settings: Configure background colors, hover states, text colors, and hover text colors directly from the settings page.
- Responsive Breakpoint: Choose the exact screen pixel width (e.g., 767px) at which the slide menu becomes active.
- Integrated Icon Support: Uses clean local Font Awesome assets for navigation and toggle icons.
- Easy Integration: Simply place a shortcode or PHP function in your theme’s
header.php.
For more support and features, please contact us at Logicrays.
Installation
- Upload the entire
lr-responsive-slide-menudirectory to the/wp-content/plugins/directory. - Activate the plugin through the Plugins menu in the WordPress Admin Dashboard.
- Open your active theme’s
header.phpfile (or relevant template file) and place the following PHP code where you want the mobile menu toggle button to appear: - Go to Settings -> Responsive Slide Menu in the WordPress Admin Dashboard to configure your menu location, mobile width breakpoint, and custom colors.
FAQ
-
You can display the slide menu by placing the shortcode
[responsiveslidemenu]anywhere on your site. For standard theme integration, paste the following PHP snippet into your theme’sheader.phpfile: -
- Go to Appearance -> Menus and ensure your menu is assigned to a theme location (e.g., “Primary Menu”).
- Note the theme location slug (for example,
primary). - Go to Settings -> Responsive Slide Menu and type that exact slug into the Theme Location field.
-
In the plugin settings page (Settings -> Responsive Slide Menu), update the value in the Pixel Width to Switch to Slide Menu field (e.g.,
767for standard tablets/mobile). The mobile menu toggle will only show up, and the regular menu will only be hidden, when the user’s viewport is equal to or narrower than this width. -
Yes! The plugin settings page includes built-in WordPress color pickers. You can customize:
* Slide Menu Background Color
* Slide Menu Background Hover Color
* Slide Menu Item Text Color
* Slide Menu Item Text Hover Color -
Yes, it fully supports nested menus. When a parent item is clicked, the submenus slide smoothly into view. The panel also displays “Back” and “Close” controls to allow users to navigate back up the menu tree or close the menu entirely.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“LR Responsive Slide Menu” is open source software. The following people have contributed to this plugin.
Contributors
Translate “LR Responsive Slide Menu” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0
- Initial release with local Font Awesome assets and WordPress coding standards fixes.