dropdown menu header

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

@@ -2836,7 +2836,6 @@ a {
       display: flex;
       flex-direction: row;
       justify-content: space-between;
-      background-color: white;
       width: 100%;
       padding: 1rem; }
       #header-top .region-header-top-left ul .is-active {
@@ -2844,7 +2843,8 @@ a {
       #header-top .region-header-top-left ul ul {
         display: flex;
         flex-direction: column;
-        display: none; }
+        display: none;
+        background: white; }
         #header-top .region-header-top-left ul ul .is-active {
           color: #009ee3; }
       #header-top .region-header-top-left ul li {
@@ -2862,7 +2862,7 @@ a {
           color: #009ee3; }
         #header-top .region-header-top-left ul li :hover {
           color: #009ee3; }
-      #header-top .region-header-top-left ul:hover ul {
+      #header-top .region-header-top-left ul li:hover ul {
         display: block; }
   #header-top #block-socialnetwork-2 {
     position: relative;

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

@@ -75,7 +75,6 @@
             display: flex;
             flex-direction: row;
             justify-content: space-between;
-            background-color: white;
             width: 100%;
             padding: 1rem;
 
@@ -83,11 +82,12 @@
                 color:$blue-light;
             }
             ul{
+
                 display: flex;
                 flex-direction: column;
-                // padding: 1rem;
-                // padding: 0.5rem;
                 display: none;
+                background:$white;
+                
                 .is-active{
                     color:$blue-light;
                 }
@@ -97,7 +97,6 @@
                 flex-direction: column;
                 background-color: $white;
                 padding-bottom: 0.8rem;
-                // align-items: center;
                 min-width: 30%;
                 align-items: center;
                 .menuOpen{
@@ -105,8 +104,6 @@
                 }
                 a {
                     color: $black;
-                    // text-align: center;
-
                 }
                 .is-active{
                     color:$blue-light;
@@ -115,75 +112,11 @@
                     color: $blue-light;
                 }
             }
-            &:hover{
-                ul{
-                    display: block;
-                } 
+
+            li:hover ul {
+                display: block;
             }
         }
-
-        // ul ul {
-        //     display: none;
-        // }
-
-        // :hover ul{
-        //     ul{
-        //         display: flex;
-        //         justify-content: space-between;
-        //         padding: 1rem;
-        //         background-color: white;
-                
-        //         .is-active{
-        //             color:$blue-light;
-        //         } 
-
-        //         a{
-        //             color: $black;
-        //             &:hover{
-        //                 color: $blue-light;
-        //             } 
-        //         }
-        //     }
-        // }
-
-    //     :hover div:first-of-type{
-    //         .menuOpen ul{
-    //             display: flex;
-    //             justify-content: space-between;
-    //             padding: 1rem;
-    //             background-color: white;
-                
-    //             .is-active{
-    //                 color:$blue-light;
-    //             } 
-
-    //             a{
-    //                 color: $black;
-    //                 &:hover{
-    //                     color: $blue-light;
-    //                 } 
-    //             }
-    //         }
-    //     }
-    //     :hover ul div:nth-of-type(2){
-    //         .menuOpen ul{
-    //             display: flex;
-    //             justify-content: space-between;
-    //             padding: 1rem;
-    //             background-color: white;
-                
-    //             .is-active{
-    //                 color:$blue-light;
-    //             } 
-
-    //             a{
-    //                 color: $black;
-    //                 &:hover{
-    //                     color: $blue-light;
-    //                 } 
-    //             }
-    //         }
-    //     }
     } 
 
     // reseaux sociaux