fix: sticky header issue

Bhavikapatel06 · Bhavikapatel06 · commit c10846e5ac04 · 2026-05-27T23:03:58.000+05:30
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>
