The horizontal menu is used as a primary navigation and it can display up to 2 levels. It directs users to the pages where they need to visit.
Do's
- keep first and second level items (parent pages) labels' short and distinct (keep in mind a 20% buffer for other languages)
Don'ts
- do not use for anything else except the website's main navigation
When to use
- use for primary navigation
When not to use
- when you only have a one-page or a content shallow web site
- for sites with multiple levels of content or complex architecture, requiring clear organisation or when a horizontal menu would be insufficient -- use a Megamenu component instead