From 93af2d8051c49ff01748bbe0a9a872bb17a7a56c Mon Sep 17 00:00:00 2001 From: popovskik Date: Wed, 5 Aug 2026 18:59:11 +0200 Subject: [PATCH] Mission & Vision: remove white band behind title; hide box icons on mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Override the inherited cream .page-header-section background to transparent so the "Mission and Vision" title sits directly on the section's blue gradient (no white rectangle behind it). - On mobile, hide the mission/vision box icons (crosshair/eye) — text only. Co-Authored-By: Claude Opus 4.8 (1M context) --- css/pages/_about.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/css/pages/_about.css b/css/pages/_about.css index d4c1656f..1d1843d2 100644 --- a/css/pages/_about.css +++ b/css/pages/_about.css @@ -258,6 +258,9 @@ .mission-vision-section .page-header-section { margin-bottom: 48px; padding-top: 8px; + /* Drop the inherited cream .page-header-section band so the title sits directly + on the section's blue gradient (no white rectangle behind it). */ + background: transparent; } .mission-vision-section .page-header-section h2 { @@ -447,13 +450,11 @@ flex-direction: column; gap: 16px; } + /* The mission/vision icons are unnecessary on mobile — show text only. */ .mission-icon-content, .vision-icon-content { - order: 1; - opacity: 1 !important; /* Ensure icons are visible */ - transform: none !important; + display: none; } .mission-text-content, .vision-text-content { - order: 2; opacity: 1 !important; /* Ensure text is visible */ transform: none !important; }