TRI-283: edit mover

styles/moover/header.scss

@@ -1,6 +1,6 @@
 .header {
   margin-top: 0;
-  position: fixed;
+  position: sticky;
   left: 0;
   top: 0;
   width: 100vw;

styles/moover/root.scss

@@ -51,23 +51,13 @@
 html,
 body {
   max-width: 100vw;
+  overflow-x: hidden;
+  max-height: initial;
 }
 
 body {
-  overflow-x: hidden;
-
-  padding-top: 129px;
-
-  @media (max-width: 1304.98px) {
-    padding-top: 126px;
-  }
-  @media (max-width: 991.98px) {
-    padding-top: 85px;
-  }
-
-  @media (max-width: 767.98px) {
-    padding-top: 57px;
-  }
+  height: 100%;
+  position: relative;
 }
 
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
@@ -275,6 +265,21 @@ b {
 
 .is-container.wrapper_main {
 
+  > .container {
+    padding-top: 129px;
+
+  @media (max-width: 1304.98px) {
+    padding-top: 126px;
+  }
+  @media (max-width: 991.98px) {
+    padding-top: 85px;
+  }
+
+  @media (max-width: 767.98px) {
+    padding-top: 57px;
+  }
+  }
+
   @media (min-width: 1440px) {
     max-width: initial;
   }

styles/moover/use.scss

@@ -105,7 +105,7 @@
       }
 
       @media (max-width: 767.98px) {
-        margin-bottom: 0;
+        margin-bottom: 10px;
       }
     }