Mobile Tray

The Mobile Tray content item enables you to create a mobile tray for your mobile menu. It acts as a container for your mobile menu items and has settings to enable you to configure the size, appear animation and style of your mobile tray. The mobile tray is automatically closed once a link is clicked. 

See here for more on building a header, including the blocks available to act as starting points on building your mobile menu. 

Adding mobile tray

The mobile tray content item can only be added from within a nav bar content item. 

Link Actions

The following link actions are available to open or close your mobile tray. 

TOGGLE_MENU

CLOSE_MENU

States

There is a state available in the header called "Menu Open" which is active when the mobile tray is open. This can be used to change your icon you use for opening your mobile tray from a hamburger or similar to a close icon.