NavBar — Mobile Variants

Desktop nav is locked (logo left, link + CTA right). These are mobile-only alternatives.

Core tension: Join Discord is the #1 conversion action and needs prime placement, but mobile space is tight. How do we handle the nav link (Expeditions) without a hamburger competing with the CTA?

Reference — Desktop (locked)
Current — Hamburger Right of CTA

The original. CTA stays visible, hamburger opens a dropdown for the Expeditions link. Problem: CTA gets pushed left, hamburger competes for attention at the most valuable screen position.

Closed
Open
Variant A — No Hamburger, Inline Link

With only one nav link (Expeditions), do we even need a hamburger? Show the link inline next to the CTA. Logo abbreviates to "UE" to make room. Simple, no hidden content, CTA stays rightmost.

Standard
On archive page (link active)
Variant B — Top Bar CTA Only, Bottom Tab for Navigation

Top bar becomes just logo + CTA (maximum emphasis on Join Discord). Navigation moves to a minimal bottom tab bar — Home and Expeditions. Thumb-friendly, no hamburger needed. The bottom bar only appears on mobile.

Top bar
Bottom tab bar (fixed)
page content above...
Variant C — Hamburger Left, CTA Right

If we keep the hamburger, move it to the left side. CTA gets the prime right position uncontested. Logo centers or sits right of hamburger. Common mobile pattern (Android/Material style).

Closed
Open
Variant D — Stacked: Logo Row + Action Row

Two slim rows: full logo on top, then a compact row with the Expeditions link and CTA side by side. No hamburger at all. Taller header but nothing is hidden. The action row could collapse/hide on scroll to reclaim space.

Full state
Scrolled (action row only)

Recommendation

Variant A is the right call. You have exactly one nav link — a hamburger for a single link is over-engineering. Inline link + CTA gives you a clean, scannable bar with nothing hidden. If the nav grows later (unlikely given the sitemap), we can revisit. Variant D is interesting but the stacked rows feel heavy for a site with this little navigation.