[FIX] design fixes, sync header width with main content width >= 1366px

t3kit · Jun 9, 2016 · 940dcd7 · 940dcd7
1 parent 359a523
commit 940dcd7
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/dev/styles/main/header/header.less b/dev/styles/main/header/header.less
@@ -45,6 +45,11 @@
         box-shadow: none;
     }
 }
+@media (min-width: 1366px) {
+    .header-top{
+        max-width: 1170px;
+    }
+}
 
 .header-top__contact{
     float: left;
@@ -54,7 +59,7 @@
 
 .header-top__contact-tel {
     display: inline-block;
-    padding: 0 10px;
+    padding: 0 15px;
     line-height: @header-top-height;
 }
 
@@ -69,7 +74,7 @@
 
 .header-top__contact-email {
     display: inline-block;
-    padding: 0 10px;
+    padding: 0 15px;
     // line-height: 30px;
     line-height: @header-top-height;
 }
@@ -302,6 +307,11 @@
         z-index: 2500;
     }
 }
+@media (min-width: 1366px) {
+    .header-middle{
+        max-width: 1170px;
+    }
+}
 
 // =================================
 // Logo
@@ -628,6 +638,11 @@
         .clearfix();
         position: relative;
     }
+    @media (min-width: 1366px) {
+        .main-navigation__items-wrp{
+            max-width: 1170px;
+        }
+    }
 
     .main-navigation__items-list {
         .clearfix();