calum/rda-v3
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Fix hero eyebrow clipping under logo — increase top padding to clear fixed nav

Browse source 
Mobile nav is ~104px tall (80px logo + 24px padding), desktop ~125px.
Set hero content padding to 120px mobile / 144px desktop.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Calum Muir 2026-06-12 10:20:56 +00:00
parent ade2c3da30
commit f0a73bb362
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/pages/index.astro
View file

@ -153,12 +153,12 @@ const sponsors = cms?.sponsors?.length ? cms.sponsors : DEFAULTS.sponsor
.scroll-indicator { display: none; }
}
/* Hero content padding: clear the fixed nav */
/* Hero content padding: clear the fixed nav (mobile logo 80px + 24px py = ~104px; desktop logo 93px + 32px py = ~125px) */
#hero-content {
padding: 96px 48px 48px;
padding: 144px 48px 48px;
}
@media (max-width: 767px) {
#hero-content { padding: 88px 24px 32px; }
@media (max-width: 639px) {
#hero-content { padding: 120px 24px 32px; }
}
/* ── Donate modal ── */