From 2ff4852192965fbee99ade93f1f931cdca181344 Mon Sep 17 00:00:00 2001 From: Aoi Date: Mon, 3 Aug 2026 11:37:58 +0800 Subject: [PATCH] fix: auto-hide the header on desktop scroll The scroll handler already marked the header hidden while scrolling down, but the transform was scoped to the mobile breakpoint. Move the hidden-state rule out of the media query so desktop navigation follows the same hide-on-down, reveal-on-up behavior while preserving the mobile-menu exception. Signed-off-by: Aoi --- src/app.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app.css b/src/app.css index 53067ac..a8ffabf 100644 --- a/src/app.css +++ b/src/app.css @@ -305,6 +305,11 @@ a { background: var(--smg-orange); } +/* Auto-hide on scroll down, reveal on scroll up. */ +.site-header--hidden:not(.site-header--menu-open) { + transform: translateY(-100%); +} + .site-shell--home .site-header--on-dark .site-nav-symbol:hover, .site-shell--home .site-header--on-dark .site-nav-symbol:focus-visible { color: #ffffff; @@ -2616,11 +2621,6 @@ a { .site-menu-toggle { display: inline-flex; } - - /* Auto-hide on scroll down, reveal on scroll up (mobile only). */ - .site-header--hidden:not(.site-header--menu-open) { - transform: translateY(-100%); - } } /* ===== Mobile polish ===== */