Custom Hamburger Menu
A customizable responsive hamburger menu plugin for WordPress with options to set text colors, background colors, and more.
by Shobhit Kumar Prabhakar · github.com/geeklord/custom-hamburger-menu
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/geeklord/custom-hamburger-menu/archive/refs/heads/main.zipCustom Hamburger Menu
Contributors: Shobhit Kumar Prabhakar
Tags: menu, hamburger menu, responsive menu, custom menu, wordpress menu
Requires at least: 5.0
Tested up to: 6.3
Stable tag: 1.0.0
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
A customizable responsive hamburger menu plugin for WordPress with options to set text colors, background colors, and more.
Description
Custom Hamburger Menu is a WordPress plugin that provides an easy-to-use shortcode for adding a responsive hamburger menu to your site. The plugin allows for customizable desktop and mobile menus, complete with a configurable menu that can be modified directly from the WordPress admin panel.
Key Features:
- Responsive hamburger menu that works on desktop and mobile devices.
- Dropdown support for main menu items.
- Customizable text colors, background colors, and images for the hamburger menu.
- SVG icon animation for open and close actions.
- Simple shortcode integration.
Features
- Responsive Design: Automatically adjusts for desktop and mobile layouts.
- Customizable: Easily change the menu's text color, background color, and background image.
- Dropdown Support: Provides dropdown functionality for sub-menu items on the main menu.
- Smooth Animations: Includes animations for the SVG hamburger icon and menu transitions.
- Easy to Use: Integrate with a simple shortcode and manage the menu from the WordPress admin panel.
Installation
- Upload the plugin files to the
/wp-content/plugins/custom-hamburger-menudirectory, or install the plugin directly through the WordPress plugins screen. - Activate the plugin through the 'Plugins' screen in WordPress.
- Go to 'Appearance > Menus' to assign menus to
CHM Main MenuandCHM Hamburger Menulocations. - Use the
[custom_hamburger_menu]shortcode on any page or post to display the menu.
Usage
- Shortcode:
[custom_hamburger_menu]- Add this shortcode to any page, post, or widget to display the menu. - Menu Locations: Assign your desired menus to
CHM Main MenuandCHM Hamburger Menulocations viaAppearance > Menus. - Customize Design: Go to
Appearance > Custom Hamburger Menuin the WordPress admin to set text colors, background colors, and upload an image for the hamburger menu background.
Frequently Asked Questions
How do I add the hamburger menu to my site?
Simply use the [custom_hamburger_menu] shortcode in any post, page, or widget where you want the menu to appear.
Can I customize the appearance of the hamburger menu?
Yes, you can customize text colors, background colors, and add a background image through the Appearance > Custom Hamburger Menu settings page.
Does this plugin support dropdown menus?
Yes, the main menu supports dropdown sub-menus.
How do I assign menus to the plugin?
Go to Appearance > Menus in your WordPress admin, and assign menus to the CHM Main Menu and CHM Hamburger Menu locations.
Screenshots
- Front-end view of the hamburger menu.
- Admin settings page where you can customize menu design.
Changelog
1.0.0
- Initial release of the Custom Hamburger Menu plugin.