Skip to header Skip to main navigation Skip to sub navigation Skip to main content Skip to sidebar Skip to footer

Compass Web Framework

    1. Home
    2. Components
  1. Global
  2. Header


Headers are located on the top of each page of your website, just below the brand bar. They help users identify their location and provide a quick way to reach your site’s homepage.


Example of the Compass Header component [View Image]

Code reference

When to use

The header component is a requirement for every VCU site. Headers contain four elements: 

How to use

Adding a header

Adding a utility nav



The header component requires:

Accessibility considerations

All header themes have been designed and developed to meet accessibility requirements.

Quick links

View graphic version