Nave Bar Sticky

Author: PrashantUnity

assets/css/modern-glass-theme.css

@@ -44,7 +44,8 @@
 
 /* ── Header & nav (chrome tier) ── */
 [data-theme="glass"] body > header.nav-shell {
-  position: relative;
+  position: sticky;
+  top: 0;
   isolation: isolate;
   border-color: var(--glass-border);
   background-color: var(--glass-chrome-bg);

assets/css/modern-light-theme.css

@@ -36,7 +36,8 @@
 
 /* ── Header & nav ── */
 [data-theme="light"] body > header.nav-shell {
-  position: relative;
+  position: sticky;
+  top: 0;
   background-color: rgba(255, 255, 255, 0.97) !important;
   border-color: var(--light-border) !important;
   box-shadow: inset 0 1px 0 var(--light-highlight), var(--light-shadow-sm), 0 4px 20px rgba(15, 23, 42, 0.04);

static/css/modern-glass-theme.css

@@ -44,7 +44,8 @@
 
 /* ── Header & nav (chrome tier) ── */
 [data-theme="glass"] body > header.nav-shell {
-  position: relative;
+  position: sticky;
+  top: 0;
   isolation: isolate;
   border-color: var(--glass-border);
   background-color: var(--glass-chrome-bg);

static/css/modern-light-theme.css

@@ -36,7 +36,8 @@
 
 /* ── Header & nav ── */
 [data-theme="light"] body > header.nav-shell {
-  position: relative;
+  position: sticky;
+  top: 0;
   background-color: rgba(255, 255, 255, 0.97) !important;
   border-color: var(--light-border) !important;
   box-shadow: inset 0 1px 0 var(--light-highlight), var(--light-shadow-sm), 0 4px 20px rgba(15, 23, 42, 0.04);