Orient users to a site with lots of sections and deeper hierarchical needs.
Like the extended header, the extended header with megamenu allows for inclusion of more sections in your horizontal navigation; it also allows you to include more links in any of your dropdowns. You can customize the header (depending on your site structure) and use it:
- With a text or image logo
- With or without the expandable search bar
- With or without call-to-action buttons in place of the secondary links in the horizontal navigation
When to use the extended header with megamenu
- Lots of sections. Use an extended header with mega menu if you have too many sections in your horizontal navigation to fit comfortably in the basic header format.
- Secondary links or specific calls to action. It’s also useful if you’d like to include secondary links or specific calls to action in addition to the main content navigation — for example
Sign uplinks — or if you’d like to include more than six links in any of your dropdowns.
- Deep hierarchy. If you’d like to include more than six links in any of your dropdowns.
When to consider something else
- Shallow hierarchy. Consider using a basic dropdown rather than a megamenu unless you need to link to a very large number of sub pages.
Using the extended header with megamenu