Stairs Menu

Stairs Menu contains an “Opening Burger” and a “Stairs 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. “Stairs Content” includes a “Closing Burger” by default. Stair columns are generated by the element itself and animate behind the content.
Custom toggle: menu’s toggle will be the Burgers that come with it by default but you can set your own here passed by it’s classname.
Open at the builder: if enabled, the menu will be opened at the builder so you can edit it’s content.
Lock body scrolling: if enabled, Custom Toggle will lock body scrolling on click.

Columns: number of stair columns. From 2 to 12. Default is 5.
Color: color of the stair columns.
Overlay: color of the overlay that sits with the stairs.
Overlay opacity: opacity of the overlay. From 0 to 1.

Entrance duration: duration of the stairs opening animation.
Exit duration: duration of the stairs closing animation.
Stagger: delay between each stair column. Columns animate from the end.
GSAP easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.
Custom easing: used when GSAP easing is set to custom.

Fade Animation is the fade of the content, not the stairs.
Entrance duration: duration of the content fade in.
Exit duration: duration of the content fade out.
Delay: delay before the content fade in starts.
GSAP easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.
Custom easing: used when GSAP easing is set to custom.

Padding: padding of the Stairs Content element.
Color: text color of the Stairs Content element.

Close when pressing ESC key: if enabled, pressing ESC will close the menu.

– Tamu