Menus list your site’s pages hierarchically.
Navigation menus help visitors understand how information on a site is organized and find the content they need. Menus are most effective when the structure is consistent and pages are organized how your users view the content.
Your site’s menus include: 1) main menu with 2) dropdowns, 3) sidebar menu and 4) mobile menu.
On a desktop computer:
- The main/header menu lists a site’s top-level pages (i.e., pages that have no parent). Top-level pages that don’t fit in the main menu collapse into a “More” dropdown on the right. The number of pages that fits in the header menu depends on a visitor’s screen size. At full width, the main menu typically shows a maximum of five to seven pages before pages start shifting to “More.”
- The dropdown menu appears when you hover over a main menu page that has children. The dropdown shows the first level of child pages within that section.
- The sidebar menu lists the children – up to two levels deep – of the page you’re currently viewing. The sidebar doesn’t show third-level pages (try accordions instead). If you make a page full-width, the sidebar menu doesn’t appear.
On mobile device (and very small browser windows):
- The mobile menu collapses all levels of the site menu into a vertical list. Tap the arrow next to a page name to see its child pages.