WP Manifestindependent plugin directory
manifest / builders / beaver-menu-hamburger

Beaver Menu Hamburger

Beaver Menu Hamburger

by Badabingbreda · github.com/badabingbreda/beaver-menu-hamburger · website

0stars
0forks

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.zip

Readme

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;

Read the full README on GitHub →