• Special Publication:  Public Website Visual Style Guide
  • August 2015

Navigation

MCC’s website has six unique navigation areas:

  • Footer teaser navigation: appears in the footer of every page and displays links to frequently-sought website sections or website content.
  • Footer utility navigation: appears at the bottom of the footer on every page and displays links that are either required by federal policy or that a user would expect to find in this location.
  • Header utility navigation: appears at the top of every page in a blue bar except in the small breakpoint, it is moved into the footer of the page.
  • Local navigation: appears in the left column of pages when context requires it to be there; this navigation is specific to the page or section in which it appears.
  • Primary navigation: appears at the top of every page alongside the logo just below the header utility navigation. In smaller breakpoints it appears only as a hamburger icon labeled “Menu.”
  • Social navigation: appears below the footer teaser navigation and displays links to MCC's social properties and pages where users can engage with MCC via email newsletters, podcasts, etc.

Navigation Code Patterns

Expand or close the following content.Facet Filters <aside id="search-facets">

Expand or close the following content.Local Navigation <div class="local-nav-html>

Expand or close the following content.Pagination <ul class="pager">