75a1bac8b8addd47d90c5061d9167c581677be5b
jcasper
  Thu Apr 23 08:41:25 2026 -0700
Fix for trackDb docs anchors landing under the javascript search box.
Now they're pushed down a bit below it (more on narrow displays). No ticket

diff --git src/hg/htdocs/goldenPath/help/trackDb/trackDbDoc.css src/hg/htdocs/goldenPath/help/trackDb/trackDbDoc.css
index c9b641b7fd5..77ebff8239e 100644
--- src/hg/htdocs/goldenPath/help/trackDb/trackDbDoc.css
+++ src/hg/htdocs/goldenPath/help/trackDb/trackDbDoc.css
@@ -148,30 +148,42 @@
 /* Search highlighting styles */
 mark {
     background-color: #ffff99;
     color: #000000;
     padding: 1px 2px;
     border-radius: 2px;
 }
 
 mark.active-result {
     background-color: #ff6b35;
     color: #ffffff;
     font-weight: bold;
     box-shadow: 0 0 3px rgba(255, 107, 53, 0.6);
 }
 
+/* Offset anchor scroll targets so they don't land under the sticky #searchDiv */
+html {
+    scroll-padding-top: 70px;
+}
+
+@media (max-width: 768px) {
+    /* searchDiv stacks vertically below this breakpoint and gets taller */
+    html {
+        scroll-padding-top: 160px;
+    }
+}
+
 #searchDiv {
     position: -webkit-sticky; /* Safari */
     position: sticky;
     top: 0;
     z-index: 99;
     margin: 10px 0;
     padding: 10px;
     background-color: #f8f9fa;
     border: 1px solid #ddd;
     border-radius: 4px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;