Fix slide for mobile.

2 files changed, 3 insertions, 7 deletions

diff --git a/src/js/App.js b/src/js/App.js
index 5e8793c..cc73697 100644
--- a/src/js/App.js
+++ b/src/js/App.js
@@ -82,9 +82,10 @@ export default {
 
         $(window).scroll(() => {
             const $scroll = $(window).scrollTop();
+            const $navbarHeight = $('#navbar-main-menu.fixed-top').outerHeight();
 
-            $scroll > $position ? $('#navbar-main-menu').addClass('hide') :
-                $('#navbar-main-menu').removeClass('hide');
+            $scroll > $position ? $('#navbar-main-menu.fixed-top').css('top', -$navbarHeight) :
+                $('#navbar-main-menu.fixed-top').css('top', 0);
 
             $position = $scroll;
         });
diff --git a/src/scss/chunky-poster.scss b/src/scss/chunky-poster.scss
index 4cfdc32..1ec1414 100644
--- a/src/scss/chunky-poster.scss
+++ b/src/scss/chunky-poster.scss
@@ -53,13 +53,8 @@ img[data-src] {
 }
 
 #navbar-main-menu {
-    height: 3.4rem;
     transition: top 0.2s ease;
 
-    &.hide {
-        top: -3.4rem;
-    }
-
     .nav-item .nav-link {
         font-size: $navbar-brand-font-size;
     }