diff --git a/templates/nav.html b/templates/nav.html
index 91b81df4..d585714a 100644
--- a/templates/nav.html
+++ b/templates/nav.html
@@ -7,14 +7,15 @@
       <img src="/static/brass.jpeg" height="240" />
     </a>
 
-    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false"
+      hx-on:click="[this, document.getElementById('navMenu')].forEach(e => e.classList.toggle('is-active'));">
       <span aria-hidden="true"></span>
       <span aria-hidden="true"></span>
       <span aria-hidden="true"></span>
     </a>
   </div>
 
-  <div class="navbar-menu">
+  <div class="navbar-menu" id="navMenu">
     <div hx-boost="true" class="navbar-start">
       <a href="/" class="navbar-item">
         Kalender