Site Header

Site header description

Variants

Main site header site-header

The basic site header

  • 

    <div class="site-header">
  <a href="/" class="site-header__logo">
    <svg>…</svg>
  </a>
  …
</div>

Usage

When to use

This is part of the base template

Class Name Description
site-header

The root class for the site header. This element will be positioned in the header grid-area.
site-header__logo

Class for the element containing the logo, not the <svg> itself