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

Wrap Menu

Wrap Menu· Demo

How it works

Wrap Menu is a nestable block element, made of a Burger (that can be to any custom toggle), Overlay Content and Body Root elements.
All your wrapped content on toggle has to be set inside Overlay Content element.
And all your page content (body) has to be set inside Body Root element.

Wrap controls

Scale: determines the scale to apply to Body Root when toggled.
Top distance: determines the top distance to apply to Body Root when toggled.
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.

Animation controls

Duration
GSAP easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.

– Tamu

On this page