From b9b0e6f907ac1a6e4c0e398ec4a776518025547b Mon Sep 17 00:00:00 2001
From: Alexel <themanwhocoulddividebyzero@gmail.com>
Date: Tue, 8 Aug 2023 17:43:48 -0400
Subject: [PATCH] icone hamburger s'affiche en mobile

---
 public/css/header.css        | 13 ++++++++++---
 templates/html/header.gohtml |  2 +-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/public/css/header.css b/public/css/header.css
index bc543c4..396f79d 100644
--- a/public/css/header.css
+++ b/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;
     }
   }
diff --git a/templates/html/header.gohtml b/templates/html/header.gohtml
index e9a1b52..443bbf4 100644
--- a/templates/html/header.gohtml
+++ b/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>