The Menu Drawer is an off-canvas menu that is primarily used on mobile devices, but can also be enabled for desktop.
You can manage its settings from:
Appearance → Customize → Header → Menu Drawer
Available Settings #
- Logo – Upload or select a logo for the drawer.
- Logo Sizes – Adjust the logo dimensions.
- Primary Menu – Main navigation menu status inside the drawer.
- Secondary Menu – Additional menu status for extra links.
- Additional Text – Custom text area (e.g., promotions, contact info).
- Copyright Text – Footer text displayed at the bottom of the drawer.
You can assign menus to the Menu Drawer Primary Menu and Menu Drawer Secondary Menu menu areas from:
Appearance → Menus
Make sure to assign menus to the appropriate drawer locations to display them correctly.
For desktop usage, you can enable or disable the Menu Drawer from the Header settings.
This allows you to use the off-canvas menu not only on mobile devices but also as an alternative navigation style on desktop.
Enable in Header #
After configuring the drawer, you need to enable it in the header settings:
Appearance → Customize → Header → Header General
- Menu Drawer – Enable or disable the drawer icon.
- Menu Drawer Label – Optional text displayed next to the icon.
To turn this setting on or off on mobile, go to Appearance → Customize → Header → Mobile Header.
Tip: The Menu Drawer is ideal for creating a clean and minimal navigation experience, especially when you have many menu items or want to highlight additional content.
