static region top

web/themes/custom/eql/css-compiled/styles.css

@@ -342,8 +342,10 @@ header {
     #header-top #block-burger h2:after {
       display: block;
       height: 60px;
-      content: "";
-      background-image: url("~/web/themes/custom/eql/images/pictos/menu.png");
+      font-family: 'Font Awesome';
+      content: "\f0c9";
+      font-weight: 100;
+      font-size: 5rem;
       height: 6rem; }
     #header-top #block-burger #block-burger-menu {
       display: block;
@@ -351,10 +353,12 @@ header {
       align-self: center;
       text-align: center;
       height: 7rem; }
-    #header-top #block-burger .menuOpen:first-of-type {
-      width: 500%;
+    #header-top #block-burger .ul1:not(.sous-liste) {
+      width: 300%;
       position: relative;
-      right: 0; }
+      right: 260px;
+      margin: 0;
+      padding-top: 2rem; }
     #header-top #block-burger ul {
       display: none;
       background-color: #009ee3;
@@ -363,6 +367,7 @@ header {
       #header-top #block-burger ul .ul1 .sous-liste a {
         opacity: 1; }
       #header-top #block-burger ul a {
+        opacity: 0.6;
         color: white;
         font-weight: 800;
         font-size: 1rem; }

web/themes/custom/eql/scss/partials/_header.scss

@@ -76,12 +76,12 @@ header{
         h2:after{
             display: block;
             height: 60px;
-            // font-family: 'Font Awesome';
-            // content: "\f0c9";
-            // font-weight: 100;
-            // font-size: 5rem;
-            content:"";
-            background-image: url('~/web/themes/custom/eql/images/pictos/menu.png');
+            font-family: 'Font Awesome';
+            content: "\f0c9";
+            font-weight: 100;
+            font-size: 5rem;
+            // content:"";
+            // background-image: url('~/web/themes/custom/eql/images/pictos/menu.png');
             height: 6rem;
         }
 
@@ -93,34 +93,28 @@ header{
             height:7rem;
         }
 
-        // ul {display: none;}
-        .menuOpen:first-of-type{
-            width: 500%;
+
+        .ul1:not(.sous-liste){
+            width: 300%;
             position: relative;
-            right: 0;
+            right: 260px;
+            margin: 0;
+            padding-top: 2rem;
+
         }
             ul  {
                 display: none;
-                // width: 100vw;
-                // position: relative;
-                // bottom:8%;;
-                // left: calc(-30vw + 50%);
-                // height: fit-content;
-                // padding-bottom: 1rem;
-                // padding-top: 1rem;
                 background-color: $blue-light;
                 line-height: 2rem;
                 list-style: none;
             
                 .ul1 .sous-liste{
-
-                //     left: calc(-50vw + 50%);
-                //     padding-top: 0;
                     a{
                         opacity: 1;
                     }
                 }
                 a{
+                    opacity: 0.6;
                     color: $white;
                     font-weight: 800;
                     font-size: 1rem;