Conservancy/website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Avoid sticky mobile header overlapping internal link targets

Browse source
This commit is contained in:
Ben Sturmfels 2025-07-24 14:39:56 +10:00
parent 9254befd7e
commit 9a789dcf59
Signed by: bsturmfels
GPG key ID: 023C05E2C9C068F0
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
conservancy/static/css/conservancy.css
View file

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