title: Install Hamburger CSS on Angular
body: <p>My intention is to install the <a href="https://jonsuh.com/hamburgers/" rel="nofollow noreferrer">Hamburger CSS from Jonathan Suh</a> on my Angular Project.</p>
  
  <p>I used <code>npm i --s hamburgers</code> which successfully added the package. I also added its CSS file to my angular.json file. </p>
  
  <p>When I try to add a hamburger using the code below, the hamburger is being displayed, but it's not clickable. Why is that? </p>
  
  <pre><code>&lt;button class="hamburger hamburger--collapse" type="button"&gt;
      &lt;span class="hamburger-box"&gt;
        &lt;span class="hamburger-inner"&gt;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/button&gt;
  </code></pre>