From 34fbdf1535eb5f095e9fddac5b0183fa3902595c Mon Sep 17 00:00:00 2001
From: Jarvis Prime <jarvis@openclaw.local>
Date: Mon, 23 Mar 2026 22:30:45 +0000
Subject: [PATCH] Fix mobile nav: wrap menu items on small screens

---
 src/layouts/Base.astro | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
index 525b0c2..1b6d1f7 100644
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -388,6 +388,9 @@ const isHome = currentPath === '/';
     /* === RESPONSIVE HELPERS === */
     @media (max-width: 960px) {
       .d-placing { width: 95%; }
+      .d-menu { flex-wrap: wrap; justify-content: center; gap: 2px; display: flex; list-style: none; }
+      .d-menu li { margin: 0; float: none; padding-right: 8px; }
+      .d-menu .menu-item { font-size: 12px; padding: 4px 6px; }
       .d-footer .left, .d-footer .right { float: none; width: 100%; }
       .product-content .right { width: 100%; }
       .product-content .left { width: 100%; }