daw/parts/header.html

<!-- wp:html -->
<header id="header">
	<div class="navbar fixed-top">
		<div class="container">
			<div class="site-title">
        <a href="#offcanvasNav" class="navbar-brand navbar-right light"  data-bs-toggle="offcanvas" data-bs-target="#offcanvasNav" aria-controls="offcanvasNav" title="David A. Windham" rel="home">David A. Windham</a>
			</div>
		</div>
	</div>
</header>
<div class="offcanvas offcanvas-top text-bg-blue" tabindex="-1" id="offcanvasNav" aria-labelledby="offcanvasNavLabel">
  <nav class="d-flex justify-content-center" role="navigation">
    <ul class="nav list-group list-group-horizontal pt-3 fs-5">
      <li class="list-group-item list-group-flush"><a href="/"><i class="bi bi-house"></i></a></li>
      <li class="list-group-item"><a href="/about"><i class="bi bi-person"></i> About</a></li>
      <li class="list-group-item"><a href="/contact"><i class="bi bi-envelope"></i> Contact</a></li>
      <li class="list-group-item"><a href="/desk"><i class="bi bi-pen"></i> Desk</a></li>
      <li class="list-group-item"><a href="/now"><i class="bi bi-hourglass"></i> Now</a></li>
      <li class="list-group-item"><a href="/studio"><i class="bi bi-lightbulb"></i> Studio</a></li>
      <li class="list-group-item"><a href="/work"><i class="bi bi-briefcase"></i> Work</a></li>
      <li class="list-group-item"><a href="/sitemap"><i class="bi bi-diagram-3"></i></a></li>
    </ul>
  </nav>
</div>
<!-- /wp:html -->