From 9a789dcf597b815b915efaa256f1383afddf296d Mon Sep 17 00:00:00 2001
From: Ben Sturmfels <ben@sturm.com.au>
Date: Thu, 24 Jul 2025 14:39:56 +1000
Subject: [PATCH] Avoid sticky mobile header overlapping internal link targets

---
 conservancy/static/css/conservancy.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/conservancy/static/css/conservancy.css b/conservancy/static/css/conservancy.css
index dd5009d5..a7827f7b 100644
--- a/conservancy/static/css/conservancy.css
+++ b/conservancy/static/css/conservancy.css
@@ -179,6 +179,10 @@ HEADER & PRIMARY NAVIGATION BAR (Desktop First) (MT/2025)
 
 /* Make header sticky on mobile */
 @media screen and (max-width: 66.999em) {
+  html {
+    /* Ensure sticky header doesn't overlap internal link targets. */
+    scroll-padding-top: 120px;
+  }
   .header-container {
     position: sticky;
     top: 0;