fix footer

assets/scss/header.scss

@@ -92,12 +92,13 @@
     position: absolute;
     top: 40px;
     box-sizing: border-box;
-    width: 160px;
+    max-width: 300px;
     padding: 12px 0;
     left: 50%;
     transform: translateX(-50%);
     background: #ffffff;
     line-height: 30px;
+    white-space: nowrap;
     font-size: 0;
     border-radius: 6px;
     box-shadow: 0 4px 8px 0 rgba(36,46,66,.06),0 8px 16px 0 rgba(36,46,66,.05);
@@ -137,14 +138,6 @@
     // }
   }
 
-  .menu-2 {
-    width: 260px;
-  }
-
-  .menu-5 {
-    width: 120px;
-  }
-
   .right-menu {
     position: absolute;
     top: 28px;
@@ -186,11 +179,15 @@
       }
       .dropdown-menu {
         color: black;
-        width: 100px;
-        padding-left: 20px;
+        padding: 10px 20px;
         li {
           padding: 0;
           margin: 0;
+          color: #36435c;
+    
+          &:hover {
+            color: #55bc8a;
+          }
         }
       }
     }
@@ -208,8 +205,9 @@
       }
 
       .dropdown-menu {
-        width: 300px;
         top: 60px;
+        min-width: 280px;
+        white-space: normal;
       }
 
       ol {

layouts/index.html

@@ -190,11 +190,11 @@
 
 <script>
   var bindMouseLeftLi = function() {
-    $('.left-li').mouseenter(function() {
+    $('.section-3 .left-li').mouseenter(function() {
       var index = Number($(this).data('index'))
       $('.left-li').removeClass('active')
       $(this).addClass('active')
-      $('.right-div').hide().eq(index).show()
+      $('.section-3 .right-div').hide().eq(index).show()
     })
   }
 

static/js/aside.js

@@ -11,17 +11,21 @@ var getElementBottomToTop = function(element) {
 }
 
 var bindAsideScroll = function() {
+  var screenWidth = $(window).width()
+  if (screenWidth <= 768) {
+    return false
+  }
   var content = $('.main-div')
   var aside = $('.aside')
   $( window ).scroll(function() {
-      var s1 = getElementBottomToTop(content)
-      var s2 = getElementBottomToTop(aside)
-      if (s2 > s1) {
-          aside.addClass('aside-absolute').removeClass('aside-fixed')
-      }
-      if (getElementTopToScreenTop(aside) > 150) {
-          aside.removeClass('aside-absolute').addClass('aside-fixed')
-      }
+    var s1 = getElementBottomToTop(content)
+    var s2 = getElementBottomToTop(aside)
+    if (s2 > s1) {
+        aside.addClass('aside-absolute').removeClass('aside-fixed')
+    }
+    if (getElementTopToScreenTop(aside) > 150) {
+        aside.removeClass('aside-absolute').addClass('aside-fixed')
+    }
   });
 }