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;
     }
   }