Горчица CSS - выпуск гамбургеров

Question

Я использую горчичную css инфраструктуру, но у меня возникла проблема при изменении размера моего браузера Предполагается, что навигационная панель попадает в гамбургер, но появляется, когда я нажимаю на нее, внутри ничего не появляется. Я скопировал и вставил точную навигационную панель, но все равно не работает. Мне не хватает чего-то еще, что я должен связать.

Моя панель навигации

<nav class="mynav">
    <div class="nav-container">
      <div class="nav-logo">
        <div>
          <img class="mylogo" src="imgs/abs.png" alt="">
        </div>
        <a class="myfont" href="index.php">Abs'olute Fitness</a>
      </div>

      <a class="mobile-menu-toggle"></a>
      <ul class="mobile-menu menu">
        <li><a href="about.php">About</a></li>
        <li><a href="contact.php">Contact</a></li>
        <li><a href="login.php">Login</a></li>
      </ul>


    </div>
  </nav>

Горчичная панель навигации

<nav>
    <div class="nav-container">
        <div class="nav-logo">
            <a href="/">mustard</a>
        </div>
        <ul class="nav-links">
            <li><a class="active" href="/docs/installation">Docs</a></li>
            <li><a href="https://github.com/kylelogue/mustard-ui" target="_blank">GitHub</a></li>
            <li><a href="/support">Support</a></li>
        </ul>
        <a class="mobile-menu-toggle"></a>
        <ul class="mobile-menu menu">
            <li><a href="/docs/installation">Docs</a></li>
            <li><a href="https://github.com/kylelogue/mustard-ui" target="_blank">GitHub</a></li>
            <li><a href="/support">Support</a></li>
        </ul>
    </div>
</nav>