Pill Nav Bar

✦ Pill Nav Bar One pill. Full navigation.

Keep your header small and tidy. Logo, search, language and CTA sit in one clean pill, and the menu opens into a floating panel with animated links, extra pages, socials and contact. When space runs out, the CTA and language slide into the menu on their own.

———

✦ What Makes It Different

• Smart Fit: the CTA and language switcher move into the menu when space is tight, and come back when there’s room

• Floating Menu: opens on top of your page and never pushes content down

• Cutout Reveals: menu links slide out from behind masks, one by one

• Built In Search: the bar turns into a search field in one tap

• Language Switcher: add any languages, each with its own link

———

✦ Fully Editable, No Code

• Logo, nav links and CTA

• Unlimited menu links with optional badges

• Extra pages, socials and contact details

• Languages with their own links

• Every color, font and size

• Animation speed

• Compact breakpoint control

• Spacing on a clean 4px grid

———

✦ Built Right

• Works on desktop, tablet and mobile

• Measures its real size, so it behaves the same at any zoom

• Drops in at a sensible default width

———

Drop it in. Add your links. Done.