maj

user/themes/lecampus/scss/theme/_header.scss

@@ -1,4 +1,4 @@
-#header{
+header{
   z-index: 999;
   position: relative;
   @include inlineflex();
@@ -22,25 +22,36 @@
       }
       & > ul{
         @include inlineflex();
-        &> li{
-          height: 3em; /* hauteur du parent */
-          line-height: 2.5em; /* hauteur de ligne (identique) */
-          white-space: nowrap; /* interdiction de passer à la ligne */
+        flex-wrap: nowrap;
+        & > li{
+          text-align: center;
+          max-width: 250px;
           margin: auto 20px;
+          padding: 10px;
           border-top: 1px solid $light-blue;
           border-bottom: 3px solid $green;
           & > ul{
             display: none;
+            margin-top: 10px;
+            max-width: 250px;
             border-bottom: 3px solid $green;
+            position: absolute;
+            li{
+              background-color: white;
+              text-align: center;
+              a{
+                display: block;
+                padding: 10px;
+              }
+            }
+
           }
           &:hover{
             & > ul{
               display: block;
               a{
                 display: block;
-                height: 50px;
-                background: white;
-                padding: 10px;
+
               }
             }
           }