Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/badabingbreda/beaver-menu-hamburger/archive/refs/heads/main.zipNo built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Beaver Menu Hamburger is an easy addon to replace the menu icon for the Beaver Builder Menu Module with a CSS animated icon.
It's based entirely on work done by Jonsuh: https://github.com/jonsuh/hamburgers
Usage
Install and activate plugin
By default the 'elastic' effect is activated. You can currently select another effect by adding a filter to your theme's functions.php:
add_filter( 'menuhamburger/effect' , function( $effect ) { return 'slider' } ) ;You can select from the following effects:
- slider
- squeeze
- arrow
- arrowalt
- spin
- elastic
- emphatic
- collapse
- vortex
- stand
- spring
- 3dx
- 3dy
- boring
- minus
Changing the icon color
Since the icon is pure CSS, you can easily change its color:
.menu-hamburger .hamburger-box {
--hamburger-layer-color: white;
--hamburger-active-layer-color : white;
}Uses CSS vars to change the color on all elements that use those variables. The default icon color is #000;