Repository navigation
Feat/landing mobile menu - #26
Merged
Mackenzie-OO7 merged 4 commits intoJul 17, 2026
Merged
Conversation
Below md the navbar only showed the wordmark and CTA — the links were hidden with no way to reach them. Add a hamburger that opens a full-screen overlay (logo + close, centered links, wallet CTA pinned at the bottom), matching the mobile design. Locks body scroll, closes on link tap / Escape, and highlights the active section from the URL hash. Also wire up the anchors the nav points at: only #faq existed, so the desktop "Product" and "How it works" links were already dead. Add id="top" (hero), id="product" (product section) and id="how-it-works" (its steps card); base.css already gives [id] a scroll-margin so the sticky bar doesn't cover them. Scope is the mobile menu only — hero copy/stats left as set in Lokt-In#20.
The overlay rendered inside the navbar <header>, which has backdrop-blur. An ancestor with backdrop-filter (or will-change-transform, as on the Reveal wrappers) becomes the containing block for position:fixed, so `fixed inset-0` sized the menu to the 76px header instead of the screen — its opaque background only covered the top strip and the links overflowed onto a transparent area where the hero showed through. Render the menu through a portal to <body> so `fixed` resolves against the viewport again.
Portaling the overlay to <body> escaped the landing's .lk-theme/font-body wrapper, so the wordmark inherited body's monospace font and the Connect Wallet <button> lost its radius (base.css forces border-radius:0 on buttons outside .lk-theme). Add lk-theme + font-body to the portal root and font-heading to the wordmark, so it matches the design (Fraunces wordmark, rounded CTA).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.