navbar stickiness

deriv-com · May 23, 2024 · 11f4ad4 · 11f4ad4
1 parent fd2ffe8
commit 11f4ad4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/Header/Header.module.scss b/src/components/Header/Header.module.scss
@@ -4,7 +4,8 @@
   width: 100%;
   position: fixed;
   background-color: white;
-  z-index: 10;
+  z-index: 10000;
+  top: 0px;
   display: flex;
   flex-direction: column;
   align-items: center;

diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -25,6 +25,7 @@
   --demo-account: #377cfc;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
   --nav-height: 72px;
+  --navtop-height: 53px;
   --ifm-menu-color: #414652;
   --ifm-menu-link-sublist-icon-2: url(/img/arrow_sidebar.svg);
   --ifm-menu-link-padding-vertical: 9px;
@@ -159,6 +160,7 @@ html,
 body {
   overflow-x: hidden;
   overflow-anchor: none;
+  padding-top: var(--navtop-height);
 }
 
 .hidden {