diff --git a/public/js/index.js b/public/js/index.js
index e228e99..b47d099 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -1,5 +1,5 @@
 /** Création et exportation de la classe Header */
-export default class Header {
+class Header {
     constructor(element) {
       this.element = element;
       this.html = document.documentElement;
diff --git a/templates/html/header.gohtml b/templates/html/header.gohtml
index 995884c..c9bed6a 100644
--- a/templates/html/header.gohtml
+++ b/templates/html/header.gohtml
@@ -1,5 +1,12 @@
 {{ define "header-html" }}
     <link rel="stylesheet" href="/public/css/header.css">
+    <script>
+        function  onToggleNav() {
+        var menu = document.querySelector(".headerMenu");
+        console.log(menu);
+        menu.classList.toggle('nav-is-active');
+      }
+        </script>
 <div class="header">   
 <div class="wrapper headerWrapper">
         <a class="headerLink" href="/"><img class="headerMenuLogo" src="/public/icones/agecem-logo.svg"></img></a>
@@ -9,7 +16,7 @@
         <li class="headerMenuElement"><a href="/documentation">Documentation</a></li>
         <li class="headerMenuElement"><a href="/admin">admin</a></li>
       </ul>
-    <a class="headerLink" href="/"><img class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg"></img></a>
+<img class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg" onclick="onToggleNav()"></img>
     </div>
 </div>