diff --git a/demo/src/assets/css/style.scss b/demo/src/assets/css/style.scss
index fecfe0275f..8caac3255d 100644
--- a/demo/src/assets/css/style.scss
+++ b/demo/src/assets/css/style.scss
@@ -512,9 +512,12 @@ a:hover {
 /*** Media Query ***/
 /* above 768px */
 @media (min-width: 768px) {
+  .main {
+    padding-top: $header-height;
+  }
   .header {
-    position: -webkit-sticky;
-    position: sticky;
+    position: fixed;
+    width: 100%;
     top: 0;
     z-index: 1090; // to overlap most positioned elements in bootstrap
   }