From b9c71d5bb96bc799bd3e0c261ceb48287eeb890a Mon Sep 17 00:00:00 2001 From: "alexei.dolgolyov" Date: Thu, 12 Mar 2026 20:56:12 +0300 Subject: [PATCH] Fix sticky header on mobile by using overflow-x: clip instead of hidden overflow-x: hidden on body creates a scroll container that breaks position: sticky. overflow-x: clip prevents horizontal overflow without affecting the sticky context. Co-Authored-By: Claude Opus 4.6 --- server/src/wled_controller/static/css/mobile.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/server/src/wled_controller/static/css/mobile.css b/server/src/wled_controller/static/css/mobile.css index ed52c27..b3a72a3 100644 --- a/server/src/wled_controller/static/css/mobile.css +++ b/server/src/wled_controller/static/css/mobile.css @@ -92,9 +92,9 @@ PHONE (≤ 600px) ================================================================ */ @media (max-width: 600px) { - /* Prevent horizontal scroll */ + /* Prevent horizontal scroll (clip instead of hidden to preserve sticky) */ html, body { - overflow-x: hidden; + overflow-x: clip; } /* ── Header ── */