css-only-hamburger-menu.html

<header class="main-header">
    
    <input id="toggle-menu" class="main-header__checkbox" type="checkbox">

    <label for="toggle-menu" class="main-header__menu-toggler">menu
    </label>

    <nav class="main-header__nav">
      <div class="main-header__nav-wrapper">
        <ul class="main-header__menu">
          <li><a href="#">Home</a></li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
    </nav>
</header>