Fix anchor link scrolling to account for sticky header

Bran H · claude · Bran H · commit 6077f480a010 · 2026-01-20T23:52:26.000-08:00
- Add scroll-padding-top to html element
- Prevents header from covering anchor targets when scrolling

Co-Authored-By: Claude Sonnet 4.5 &lt;noreply@anthropic.com&gt;
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -49,6 +49,7 @@
 html {
   font-size: 16px;
   scroll-behavior: smooth;
+  scroll-padding-top: calc(var(--header-height) + 1rem);
 }
 
 body {

Original file line number	Diff line number	Diff line change
`@@ -49,6 +49,7 @@`
`49`	`49`	`html {`
`50`	`50`	`font-size: 16px;`
`51`	`51`	`scroll-behavior: smooth;`
	`52`	`+ scroll-padding-top: calc(var(--header-height) + 1rem);`
`52`	`53`	`}`
`53`	`54`
`54`	`55`	`body {`