Wellcome Web Components

Hamburger: Expanded 

<button class="site-nav__heading show-hide--menu show-hide show-hide__control" title="Show menu" aria-expanded="false" id="hamburger-menu" aria-controls="mobile-menu" aria-label="Menu">
    <span class="visuallyhidden">Navigation Menu</span>
    <div class="site-nav__hamburger" role="presentation">
      <div class="site-nav__hamburger__part"></div>
      <div class="site-nav__hamburger__part"></div>
      <div class="site-nav__hamburger__part"></div>
    </div>
  </button>

Description

A button which opens the mobile header menu.

Content notes

UX notes

Design notes

Back-end notes

Front-end notes

{
  "show_by_default": true,
  "active_by_default": true
}