Beaver Menu Hamburger
Beaver Menu Hamburger
by Badabingbreda · github.com/badabingbreda/beaver-menu-hamburger · website
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/badabingbreda/beaver-menu-hamburger/archive/refs/heads/main.zipReadme
Beaver Menu Hamburger
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;