Smooth Scroll with Header Offset
Enables CSS smooth scrolling globally and adds a scroll-margin-top to anchor targets so they clear a fixed header.
CSSby SnipCraft
css
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
/* Adjust --header-height to match your theme's fixed header */
:root {
--header-height: 80px;
}
[id] {
scroll-margin-top: var(--header-height);
}#anchor#css#navigation#scroll#ux