Centred Boutique – Frontend Snippet

Go back

<header class="h05">
  <button class="h05-burger" aria-label="Open menu" aria-expanded="false"><i></i><i></i></button>
  <nav class="h05-left" aria-label="Shop">
    <a href="#">Shop</a>
    <a href="#">Collections</a>
    <a href="#">Journal</a>
  </nav>
  <a href="#" class="h05-logo">Studio</a>
  <div class="h05-right">
    <a href="#" class="h05-hide">About</a>
    <a href="#" class="h05-hide">Search</a>
    <a href="#" class="h05-bag">Bag <span>2</span></a>
  </div>
  <div class="h05-scrim"></div>
  <div class="h05-sheet">
    <span class="h05-grip"></span>
    <nav aria-label="Mobile">
      <a href="#">Shop</a>
      <a href="#">Collections</a>
      <a href="#">Journal</a>
      <a href="#">About</a>
    </nav>
  </div>
</header>