diff --git a/static/css/order-hardware.css b/static/css/order-hardware.css
index 0ef3027..b8d43cc 100644
--- a/static/css/order-hardware.css
+++ b/static/css/order-hardware.css
@@ -4,10 +4,6 @@
   padding: 1em 1em 0;
 }
 
-.dropdown-item {
-  font-size: .75em;
-}
-
 .simu-clone {
   z-index: 10;
 }
@@ -175,6 +171,12 @@
   ##Screen = B/w 481px to 767px
 */
 @media (min-width: 481px) and (max-width: 767px) {
+  .dropdown-item {
+    font-size: .75em;
+  }
+  .sticky-top {
+    position: fixed;
+  }
   .logo > img {
     height: 20px;
   }
@@ -353,6 +355,12 @@
   ##Screen = B/w 320px to 479px
 */
 @media (min-width: 320px) and (max-width: 480px) {
+  .dropdown-item {
+    font-size: .75em;
+  }
+  .sticky-top {
+    position: fixed;
+  }
   .logo > img {
     height: 20px;
   }
diff --git a/templates/_base.html b/templates/_base.html
index 36ba8d1..1b57d50 100644
--- a/templates/_base.html
+++ b/templates/_base.html
@@ -218,16 +218,14 @@
         var navbarSupportedContent = $('#navbarSupportedContent');
         mywindow.scroll(function () {
           newscroll = mywindow.scrollTop();
-          if (!navbarSupportedContent.hasClass('show')) {
-            if (newscroll > (mypos + 30) && !up) {
-              $('.container-header').stop().fadeOut();
-              up = !up;
-            } else if(newscroll < (mypos + 30) && up) {
-              $('.container-header').stop().fadeIn();
-              up = !up;
-            }
+          if (newscroll > mypos && !up) {
+            $('.container-header').stop().fadeOut();
+            up = !up;
+          } else if(newscroll < mypos && up) {
+            $('.container-header').stop().fadeIn();
+            up = !up;
           }
-          // mypos = newscroll;
+          mypos = newscroll;
         });
       })();
     </script>