Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Jose Tamu
July 16, 2024 /  Beginner

Expanding Menu

Expanding Menu· Demo

How it works

Expanding Menu contains a “Burger” and “Expanding Content” element that is a nestable block element. You can put any elements at it, like you would do at a Bricks block or container.
It is essential to set the appropriate positioning at the style tabs of the elements to match your needs and layout.

Settings controls

Type: determines the origin of the expanding animation: From Top Left, From Top Right, From Bottom Left or From Bottom Right. The demo is From Top Right
Duration
GSAP easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.
Enable fade: if enabled, a fade will be included at the animation.
Custom toggle: menu’s toggle will be the Burger that comes with it by default but you can set your own here passed by it’s classname.

– Tamu

On this page