From 7abd61311355a0a64f3f44126a0981a40d2beea0 Mon Sep 17 00:00:00 2001
From: Ryan Salazar <ryaninwilton@gmail.com>
Date: Fri, 22 May 2026 01:12:16 +0000
Subject: [PATCH] header: move 728x90 banner inline between logo and right-side
 icons

---
 src/components/Header.tsx | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 898af60..11d8c80 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -377,7 +377,7 @@ export default function Header() {
       <div className={`sticky top-0 z-50 transition-shadow duration-200 ${scrolled ? "shadow-nav" : ""}`}>
         <nav className="bg-[#111111] border-b border-[#252525]" role="navigation" aria-label="Main navigation">
           <div className="max-w-container mx-auto px-4">
-            <div className="flex items-center justify-between h-[60px] gap-4">
+            <div className="flex items-center justify-between h-[96px] gap-4">
               {/* Logo */}
               <Link href="/home-page" className="flex-shrink-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#3b82f6] focus-visible:ring-offset-1 focus-visible:ring-offset-[#111]">
                 <AppImage
@@ -390,10 +390,13 @@ export default function Header() {
                 />
               </Link>
 
-              {/* Nav items moved to the Browse bar that sits below the
-                  header leaderboard banner. Only the notification bell +
-                  search remain in the top sticky row. */}
-              <div className="flex-1" aria-hidden="true" />
+              {/* Header 728x90 banner — centered between logo and right side */}
+              {ADS_728X90.length > 0 && (
+                <div className="hidden md:flex flex-1 justify-center min-w-0 overflow-hidden">
+                  <AdImage ad={shuffle(ADS_728X90)[0]} priority page="header" />
+                </div>
+              )}
+
               <div className="hidden lg:flex items-center gap-3">
                 <Link
                   href="/reading-list"
@@ -526,15 +529,6 @@ export default function Header() {
         </nav>
       </div>
 
-      {/* HEADER LEADERBOARD — site-wide 728x90 between main nav and the ticker */}
-      {ADS_728X90.length > 0 && (
-        <div className="bg-[#0a0a0a] border-b border-[#1a1a1a] py-3 hidden md:block">
-          <div className="max-w-container mx-auto px-4 flex justify-center">
-            <AdImage ad={shuffle(ADS_728X90)[0]} priority page="header" />
-          </div>
-        </div>
-      )}
-
       {/* BROWSE BAR — search left, primary nav right */}
       <div className="bb-browse-bar hidden md:block" role="navigation" aria-label="Browse sections">
         <div className="max-w-container mx-auto px-4">