diff --git a/demo/src/assets/css/style.scss b/demo/src/assets/css/style.scss
index fecfe0275f..75a04d4b8d 100644
--- a/demo/src/assets/css/style.scss
+++ b/demo/src/assets/css/style.scss
@@ -513,14 +513,17 @@ a:hover {
 /* above 768px */
 @media (min-width: 768px) {
   .header {
-    position: -webkit-sticky;
-    position: sticky;
+    position: fixed;
+    width: 100%;
     top: 0;
     z-index: 1090; // to overlap most positioned elements in bootstrap
   }
   .header-dropdown {
     z-index: 1090;
   }
+  .main {
+    padding-top: $header-height;
+  }
   .modal-backdrop {
     z-index: 2000; // to overlap header :)
   }