icone hamburger s'affiche en mobile

public/css/header.css

@@ -11,6 +11,12 @@
     flex-flow: row;
     justify-content: space-around;
     align-items: center;
+    list-style: none;
+    
+    }
+
+    .headerMenuElement{
+
     }
 
 .headerMenuElement:hover {
@@ -22,18 +28,19 @@
         fill: #394596;
         height: 100px;
         width: 100px;
+  
 
     }
 
     /* Le header s'affiche en menu hamburger pour les breakpoints téléphone et tablette */
-@media screen and (max-width: 576px) {
+
     .headerMenuElement{
         display: none;
     }
     .headerMenuHamburger{
         display: block;
     }
-  }
+  
 
   @media screen and (min-width: 576px) {
      .headerMenuElement{
@@ -49,7 +56,7 @@
     .headerMenuElement{
         display: block;      
     }
-    .hamburgerMenuIcon{
+    .headerMenuHamburger{
         display: none;
     }
   }

templates/html/header.gohtml

@@ -2,7 +2,7 @@
     <link rel="stylesheet" href="/public/css/header.css">
 <div class="header">   
     <ul class="headerMenu">
-        <li class="headerMenuElement"><a href="/"><svg class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg"></svg></a></li>
+        <li><a class="headerLink" href="/"><img class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg"></img></a></li>
         <li class="headerMenuElement"><a href="/">index</a></li>
         <li class="headerMenuElement"><a href="/a-propos">À propos</a></li>
         <li class="headerMenuElement"><a href="/actualite">Actualité</a></li>