These are examples of secondary navigation you can add to a page using the sidebar.

Note: In mobile view, these links move below all content in the main body. If you have important links in a secondary navigation side bar, they should also be listed in the main body. Learn more about how to prioritize content for mobile.

Default Navigation (Also in This Section)


Live Site Example: Guild Association: Resources and Tools


primary-default-navigation


Usage Guidelines: Default Navigation (Also in This Section)

  • Try to keep the list to seven or less pages in the side navigation. Every page listed beyond that makes the navigation harder to scan and taxes people’s short term memories. If you’re having trouble keeping the number to seven or less, it might mean you need to restructure the content of your section into more sub groups.
  • The names of the pages listed should be contained within that section and exactly match the title of the page it points to.

 Table of Contents


Live Site Example: Academic Annual Report


table-of-contents


Usage Guidelines: Table of Contents

  • This side module features an expandable menu and functions similarly to the Quick Links menu by linking to related content that lives elsewhere on the site.
  • Try to keep the list of drop downs and the links listed within them to seven or less. Every link listed beyond that makes the navigation harder to scan and taxes people’s short term memories. If you’re having trouble keeping the number to seven or less, try to reorganize how the content is grouped in the sidebar.

Questions?

Contact ehealth@seattlechildrens.org.