Menu Drawer Documentation
Summary
The menu drawer provides a convenient and stylish way to showcase a sticky sidebar across your theme. It allows for easy navigation and customization to enhance user experience.
Tips
Adding Blocks: To add a Contact form, Newsletter, or an Announcement to your menu:
Navigate to your menu drawer.
Click 'Add block' and select the desired block type.
Logo Placement: The logo for your menu drawer can be set at the top of your Menu Drawer Settings.
Menu Drawer Settings
Using the Default Menu
Toggle off the 'Sidebar menu' within your Menu Drawer Settings.
Navigate to your Header Settings and select the menu you would like to display.
Within your Header Settings, you can also toggle off the 'Desktop menu button' to hide the hamburger menu. Don’t forget to add your logo!
Block Settings
How to Add Your Logo to the Sidebar Menu
Within your menu drawer, navigate to 'Logos' settings > Change.
Use a high-quality logo that fits well. For best results, crop any unnecessary white space in the logo file before uploading, as the theme will automatically include white space around the logo.
How to Add Featured Images/Videos to the Sidebar Menu
Cards or blocks can be used to showcase featured images or videos within the desktop drawer menu. This is particularly useful for highlighting top products or collections.
Open the Theme Editor.
Select Menu Drawer from the theme sections.
Click Add Card and select Image/Video.
Click into the newly created block to customize it.
Click Save.
Additional Notes
Ensure all images and logos are optimized for web use to maintain fast loading times.
Regularly test your menu drawer across different devices to ensure responsiveness and usability.