Skip to content

Commit 956b2bc

Browse files
p4gsclaudehappy-otter
committed
Fix nav to viewport with position: fixed
Sticky wasn't working due to overflow: hidden on hero. Switched to fixed positioning with body padding-top to compensate. Generated with [Claude Code](https://claude.ai/code) via [Happy](https://happy.engineering) Co-Authored-By: Claude <noreply@anthropic.com> Co-Authored-By: Happy <yesreply@happy.engineering>
1 parent 6fa4173 commit 956b2bc

1 file changed

Lines changed: 2 additions & 1 deletion

File tree

docs/projects/nthpartyfinder/index.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,7 @@
5656
color: var(--text);
5757
background: var(--bg-deep);
5858
-webkit-font-smoothing: antialiased;
59+
padding-top: 68px;
5960
}
6061
a { color: var(--neon-pink); text-decoration: none; transition: color .2s; }
6162
a:hover { color: var(--neon-blue); }
@@ -83,7 +84,7 @@
8384

8485
/* ── NAV ── */
8586
.nav {
86-
position: sticky; top: 0; z-index: 100;
87+
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
8788
background: rgba(6, 6, 15, 0.85);
8889
backdrop-filter: blur(20px);
8990
border-bottom: 1px solid var(--border);

0 commit comments

Comments
 (0)