From ad1a13af00e4c8f9f89f996db79171a435b92adf Mon Sep 17 00:00:00 2001
From: remco <remcojandijkstra@ziggo.nl>
Date: Wed, 1 Jul 2026 16:06:21 +0200
Subject: [PATCH] fix: add navbar background to MobileNav wrapper so middle
 section (home, shop, etc.) also gets the color

---
 src/components/mobile-nav.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/mobile-nav.tsx b/src/components/mobile-nav.tsx
index 2e2ddedf..e222761a 100644
--- a/src/components/mobile-nav.tsx
+++ b/src/components/mobile-nav.tsx
@@ -40,11 +40,11 @@ export function MobileNav({ children }: { children: React.ReactNode }) {
 
       <div
         className={`${open ? "max-h-[80vh] opacity-100" : "max-h-0 opacity-0 pointer-events-none md:pointer-events-auto"} overflow-hidden transition-all duration-300 ease-in-out md:!max-h-none md:!opacity-100 md:!overflow-visible md:flex md:items-center md:gap-x-1 w-full md:w-auto`}
+        style={{ backgroundColor: "var(--color-navbar)" }}
       >
         <div
           className="flex flex-col md:flex-row md:items-center gap-y-0.5 p-3 md:p-0 rounded-xl md:rounded-none border md:border-0 shadow-lg md:shadow-none mt-2 md:mt-0"
           style={{
-            backgroundColor: "var(--color-navbar)",
             borderColor: "color-mix(in srgb, var(--color-text-muted) 10%, transparent)",
           }}
         >