fix: sticky header scroll issue (JhaSourav07#771)

JhaSourav07 · web-flow · commit 3187139b63ba · 2026-05-28T01:55:15.000+05:30
## Description Fixes JhaSourav07#762 ## Pillar - [ ] 🎨 Pillar 1 — New Theme Design - [ ] 📐 Pillar 2 — Geometric SVG Improvement - [ ] 🕐 Pillar 3 — Timezone Logic Optimization - [ ] 🛠️ Other (Bug fix, refactoring, docs) ## Visual Preview ## Checklist before requesting a review: - [ ] I have read the `CONTRIBUTING.md` file. - [ ] I have tested these changes locally (`localhost:3000/api/streak?user=YOUR_USERNAME`). - [ ] I have run `npm run format` and `npm run lint` locally and resolved all errors (CI will fail otherwise). - [ ] My commits follow the Conventional Commits format (e.g., `feat(themes): ...`, `fix(calculate): ...`). - [ ] I have updated `README.md` if I added a new theme or URL parameter. - [ ] I have started the repo. - [ ] I have made sure that i have only one commit to merge in this PR. - [ ] The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts). - [ ] (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.
diff --git a/app/components/navbar.tsx b/app/components/navbar.tsx
@@ -72,7 +72,7 @@ export default function Navbar() {
   };
 
   return (
-    <header className="fixed inset-x-0 top-0 z-50 px-4 pt-4 sm:px-6">
+    <header className="relative z-50 px-4 pt-4 sm:px-6 w-full">
       <div className="mx-auto max-w-6xl">
         <div
           ref={shellRef}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -69,7 +69,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
       <body className={`${inter.className} bg-black`}>
         <BrandParticles />
         <Navbar />
-        <div className="pt-24 sm:pt-28 relative z-10">{children}</div>
+        <div className="relative z-10">{children}</div>
         <ReturnToTop />
         <Analytics />
       </body>
