diff --git a/public/js/little-library.js b/public/js/little-library.js
index 6281c32..7accc82 100644
--- a/public/js/little-library.js
+++ b/public/js/little-library.js
@@ -8,6 +8,18 @@ $(document).ready(function() {
     $(downloadButton).replaceWith('<a download href="' + url + '" class="button is-success is-large">Download</a>');
   });
 
+  $('.navbar-burger').click(function() {
+    if ($(this).hasClass('is-active')) {
+      $(this).removeClass('is-active');
+      $(this).attr('aria-expanded', 'false');
+      $('.navbar-menu').removeClass('is-active');
+    } else {
+      $(this).addClass('is-active');
+      $(this).attr('aria-expanded', 'true');
+      $('.navbar-menu').addClass('is-active');
+    }
+  });
+
   $('.modal-background, .modal-close, .modal-card-head .delete, .modal .close').click(function() {
     $(this).closest('.modal').removeClass('is-active');
     downloadButton = undefined;
diff --git a/templates/htmlContainer.html b/templates/htmlContainer.html
index ede97a5..5d87648 100644
--- a/templates/htmlContainer.html
+++ b/templates/htmlContainer.html
@@ -23,14 +23,14 @@
         <h1 class="title">{{siteTitle}}</h1>
       </a>
   
-      <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+      <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false">
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
       </a>
     </div>
   
-    <div id="navbarBasicExample" class="navbar-menu">
+    <div class="navbar-menu">
       <div class="navbar-start">
         <a class="navbar-item" href="/">
           View