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
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
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;