scss

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

@@ -1,15 +1,53 @@
 #header{
+  z-index: 999;
+  position: relative;
   nav{
     @include inlineflex();
+    justify-content: space-between;
     height: 100px;
+    width: auto;
+    a{
+      padding: 10px;
+    }
     & > ul{
       @include inlineflex();
-      li{
+      &> li{
         margin-left: 10px;
+        padding: 0 10px 10px 10px;
         & > ul{
           display: none;
         }
+        &:nth-last-child(-n+2){
+          & > a{
+            display: block;
+            height: 100px;
+            background: rgb(84, 153, 183);
+            color: white;
+          }
+        }
+        &:hover{
+          & > ul{
+            display: block;
+            a{
+              display: block;
+              height: 50px;
+              background: white;
+              padding: 10px;
+            }
+          }
+        }
       }
     }
+    .reso{
+      @include inlineflex();
+      flex-wrap: nowrap;
+      width: 30px;
+      img{
+        margin-left: 10px;
+      }
+    }
+    .desktop-menu{
+      @include inlineflex;
+    }
   }
 }