From e91709798b7a77be41ccb9ad8db1f61fb094d36c Mon Sep 17 00:00:00 2001 From: Jared Vititoe Date: Wed, 1 Apr 2026 17:19:22 -0400 Subject: [PATCH] Fix header overlapping content at mobile breakpoints MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit In the SM (≤767px) and XS (≤479px) media queries, .lt-container { padding } shorthand appeared after .lt-main { padding-top } with equal specificity, causing the shorthand to clobber the header-clearance padding-top. Swap order so .lt-main always wins. Also remove redundant lt-scanlines div — body::before in base.css already renders the scanline overlay globally. Co-Authored-By: Claude Sonnet 4.6 --- assets/css/base.css | 8 ++++---- views/layout_header.php | 3 --- 2 files changed, 4 insertions(+), 7 deletions(-) diff --git a/assets/css/base.css b/assets/css/base.css index 2919118..93ff951 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -2042,9 +2042,9 @@ select option:checked { /* ── SM — phones 480–767px ── */ @media (max-width: 767px) { :root { --header-height: 50px; } - .lt-main { padding-top: calc(50px + var(--space-md)); } - .lt-container { padding: var(--space-md); } + /* lt-main must come after lt-container so padding-top isn't clobbered by the shorthand */ + .lt-main { padding-top: calc(50px + var(--space-md)); } .lt-header { padding: 0 var(--space-md); } .lt-brand-subtitle { display: none; } @@ -2142,9 +2142,9 @@ select option:checked { /* ── XS — tiny phones ≤ 479px ── */ @media (max-width: 479px) { :root { --header-height: 46px; } - .lt-main { padding-top: calc(46px + var(--space-sm)); } - .lt-container { padding: var(--space-sm); } + /* lt-main must come after lt-container so padding-top isn't clobbered by the shorthand */ + .lt-main { padding-top: calc(46px + var(--space-sm)); } .lt-stats-grid { grid-template-columns: 1fr 1fr; gap: var(--space-xs); } .lt-stat-card { padding: var(--space-xs) var(--space-sm); } .lt-stat-value { font-size: 1.4rem; } diff --git a/views/layout_header.php b/views/layout_header.php index b8eb2ed..6391f9e 100644 --- a/views/layout_header.php +++ b/views/layout_header.php @@ -56,9 +56,6 @@ $_lt_assetVer = $GLOBALS['config']['ASSET_VERSION'] ?? '20260329'; - - - Skip to main content