From ac022933c8488eef9fc6bc6f273ee7fce18acc60 Mon Sep 17 00:00:00 2001 From: headpatsyou Date: Wed, 7 Jan 2026 09:08:36 +0000 Subject: [PATCH] fix: mobile menu fills entire screen below header --- src/app/globals.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index bd8db5d..9016759 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -383,17 +383,18 @@ p { font-size: 1rem; line-height: 1.6; color: var(--foreground); } display: none; flex-direction: column; gap: 0.5rem; - position: absolute; - top: 100%; + position: fixed; + top: calc(60px + 6px); left: 0; right: 0; + bottom: 0; width: 100%; + height: calc(100vh - 60px - 6px); background: #ffffff; border-bottom: 1px solid var(--color-border); box-shadow: 0 8px 20px rgba(0,0,0,0.1); padding: 1rem; z-index: 100; - max-height: calc(100vh - 80px); overflow-y: auto; } .nav-list[data-expanded="true"] {