Make header sticky at top of viewport

2026-05-16 18:06:17 +02:00
parent 92cb6a86e2
commit 638c7d524f
1 changed files with 5 additions and 0 deletions
@@ -53,12 +53,17 @@ body::before {

 /* ── Header ── */
 header {
+  position: sticky;
+  top: 0;
+  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0 18px;
+  background: var(--bg);
  border-bottom: 1px solid var(--border);
  margin-bottom: 28px;
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
 }
 .logo { display: flex; align-items: center; gap: 10px; }
 .logo-mark {