Topics covered in this section
Mega Menu Overview
A mega menu streamlines navigation on content-rich websites with organized dropdowns, improving user access and usability.
To make a Mega Menu, go to Main Menu > Website > Headers & Footers
Global Content
Off-canvas areas are located with other Global Content. These are sections of your website that you want to appear across all your pages. The most common of those sections are headers and footers.
Groups
An easy way to organize your global content is by making a group. Make a new group by clicking New Group on the top right-hand side of your screen.
A new empty group will appear at the top of your list, click into the text box and rename your group.
If you are making your group after you have made your global content, you can move those elements into your new group by dragging and dropping them into the group box.
New Global Content
Click New Global Content.
Give your global content a name and min and max for the screen size. When finished, click Create Global Content
Choose a layout from an existing piece of global content, a mega menu from a framework, or start from a blank layout.
Adding content to your Mega Menu
Add content to our header. This process is the same as in Pages. Add the Main Navigation component created in the Site Flow Article.
Drag and drop a navigation flow item found under the Navigation dropdown. For this example, we used the Mega Menu Navigation flow item.
Choose the Mega Menu Navigation from the dropdown.
Click Publish Global Content. Your header is now ready to be used on your master page.
Related Resources
- Publishing Your Page
- SEO What Is It and How to Use It
- Hover States on Buttons, Made Simple