test deploy

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

@@ -2,14 +2,20 @@ header{
   z-index: 999;
   position: relative;
   @include inlineflex();
-  justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   width: 100%;
+  border-bottom: 1px solid $light-blue;
   nav{
     @include inlineflex();
-    justify-content: space-around;
+    -ms-flex-pack: distribute;
+        justify-content: space-around;
     height: 100px;
     width: 70%;
     .logo{
+      display: -webkit-box;
+      display: -ms-flexbox;
       display: flex;
       a{
         display: block;
@@ -22,26 +28,42 @@ header{
       }
       & > ul{
         @include inlineflex();
-        flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+            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;
+          &>a{
+            line-height: 6rem;
+            border-top: 1px solid $light-blue;
+            border-bottom: 3px solid $green;
+
+          }
+          padding: 0 20px;
           & > ul{
             display: none;
-            margin-top: 10px;
-            max-width: 250px;
-            border-bottom: 3px solid $green;
-            position: absolute;
+            margin-top: -1.5rem;
             li{
               background-color: white;
               text-align: center;
               a{
                 display: block;
                 padding: 10px;
+                position: relative;
+                &:before{
+                  content: "";
+                  position: absolute;
+                  width: 100%;
+                  height: 3px;
+                  bottom: 0;
+                  left: 0;
+                  background-color: $green;
+                  visibility: hidden;
+                  -webkit-transform: scaleX(0);
+                  transform: scaleX(0);
+                  -webkit-transition: all 0.3s ease-in-out 0s;
+                  transition: all 0.3s ease-in-out 0s;
+                }
               }
             }
 
@@ -49,9 +71,12 @@ header{
           &:hover{
             & > ul{
               display: block;
-              a{
-                display: block;
-
+              li:hover{
+                a:hover:before {
+                  visibility: visible;
+                  -webkit-transform: scaleX(1);
+                  transform: scaleX(1);
+                }
               }
             }
           }
@@ -60,7 +85,8 @@ header{
     }
     .reso{
       @include inlineflex;
-      flex-wrap: nowrap;
+      -ms-flex-wrap: nowrap;
+          flex-wrap: nowrap;
       a{
         display: block;
         width: 35px;