From 6102985f9280df724c0a27175f9d42880b4123be Mon Sep 17 00:00:00 2001 From: Jared Vititoe Date: Wed, 1 Apr 2026 17:41:33 -0400 Subject: [PATCH] =?UTF-8?q?Fix=20header=20overlap=20at=20all=20breakpoints?= =?UTF-8?q?=20=E2=80=94=20restore=20lt-main=20padding-top?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Every media query that overrides .lt-container { padding } with a shorthand was clobbering .lt-main { padding-top } because both selectors have equal specificity and the container rule came later in the file. Added .lt-main padding-top restores after each affected breakpoint (LG 1024-1279px, MD 768-1023px, 1920px+). The laptop range (LG) was the likely culprit on desktop. Co-Authored-By: Claude Sonnet 4.6 --- assets/css/base.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/assets/css/base.css b/assets/css/base.css index 93ff951..fba3496 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -2008,6 +2008,8 @@ select option:checked { @media (max-width: 1279px) { .lt-grid-4 { grid-template-columns: repeat(2, 1fr); } .lt-container { padding: var(--space-lg); } + /* Restore header clearance after lt-container shorthand overrides padding-top */ + .lt-main { padding-top: calc(var(--header-height) + var(--space-lg)); } } @@ -2019,6 +2021,8 @@ select option:checked { .lt-grid-3, .lt-grid-4 { grid-template-columns: repeat(2, 1fr); } .lt-stats-grid { grid-template-columns: repeat(2, 1fr); } .lt-container { padding: var(--space-md) var(--space-lg); } + /* Restore header clearance after lt-container shorthand overrides padding-top */ + .lt-main { padding-top: calc(var(--header-height) + var(--space-md)); } .lt-header { padding: 0 var(--space-lg); } /* Sidebar becomes off-canvas on tablets */ @@ -2241,6 +2245,8 @@ select option:checked { .lt-stats-grid { grid-template-columns: repeat(6, 1fr); } .lt-grid-4 { grid-template-columns: repeat(4, 1fr); } .lt-container { padding: var(--space-xl) var(--space-2xl); } + /* Restore header clearance after lt-container shorthand overrides padding-top */ + .lt-main { padding-top: calc(var(--header-height) + var(--space-xl)); } }