Fix navbar

static/src/less/navbar.less

@@ -8,23 +8,13 @@
     .transition(~"ease-in-out .3s color");
   }
   & > li {
+    height: @navbar-height;
     @media (min-width: @screen-md-min) {
       margin-right: 23px;
     }
-    &:not(.dropdown) > a {
-      padding-top: 12px;
-    }
-    & > a {
-      @media (min-width: @screen-md-min) {
-        padding: 10px 10px;
-      }
-      @media (max-width: @screen-xs-max) {
-        padding: 15px 15px;
-      }
-    }
   }
   .dropdown-toggle, & > li > a {
-    font-size: 18px;
+    font-size: 19px;
   }
   .dropdown-menu {
     @media (min-width: @screen-sm) {
@@ -44,9 +34,6 @@
     .open & {
       opacity: 1;
     }
-    a {
-      padding-left: 20px;
-    }
   }
 }
 
@@ -54,6 +41,7 @@
 .navbar {
   max-height: @navbar-height;
   border-radius: 0;
+  border: none;
   .home-button a {
     .transition(~"ease-in-out .3 all");
   }
@@ -68,7 +56,8 @@
 }
 
 #navbar-container {
-  z-index: 0;
+  margin: 0;
+  z-index: 10000;
   @media (max-width: @screen-xs-max) {
     width: 96%;
     left: 2%;
@@ -76,8 +65,6 @@
   @media (min-width: @screen-sm-min) {
     width: 100%;
   }
-  margin: 0;
-  z-index: 10000;
   i + *, .glyphicon + * {
     margin-left: 5px;
   }
@@ -87,7 +74,7 @@
   }
   &.align {
     @media (min-width: @screen-sm) {
-      position: absolute;
+      position: initial;
       height: @navbar-height;
     }
     @media (max-width: @screen-sm) {
@@ -125,20 +112,32 @@
   z-index: 10000;
 }
 
-@media (min-width: @screen-xs-max) {
-  navbar + * {
-    margin-top: @navbar-height;
-  }
-}
-
 /* @group Header Navbar*/
-@media (min-width: @screen-xs-max) {
-  .header navbar{
+@media (min-width: @screen-sm-min) {
+  .header {
     #navbar-container {
       margin: 0 auto;
-      width: 100%;
+      width: 110%;
+      margin-left: -5%;
+      &:not(.stick-top) {
+        position: initial;
+      }
+      &.stick-top {
+        @container-size: 720px;
+        width: @container-size * 1.1;
+        margin-left: -@container-size * 0.05;
+        @media (min-width: @screen-md-min) {
+          @container-size: 940px;
+          width: @container-size * 1.1;
+          margin-left: -@container-size * 0.05;
+        }
+        @media (min-width: @screen-lg-min) {
+          @container-size: 1140px;
+          width: @container-size * 1.1;
+          margin-left: -@container-size * 0.05;
+        }
+      }
+    }
   }
-  };
 }
-
 /* @end Header Navbar*/

static/src/less/variables.less

@@ -142,7 +142,7 @@
 @container-md: @container-desktop;
 @container-large-desktop: (1140px + @grid-gutter-width);
 @container-lg: @container-large-desktop;
-@navbar-height: 52px;
+@navbar-height: 50px;
 @navbar-margin-bottom: @line-height-computed;
 @navbar-border-radius: @border-radius-base;
 @navbar-padding-horizontal: floor((@grid-gutter-width / 2));