Mockup v2 · Instagram in the header — nav moved left to make room · LinkedIn stays in footer · not live · noindex
The fix for the cramping
Move the menu (nav) left, open space on the right
You're right that the header's tight. In both options below the nav is pushed left toward the logo, which frees up the right-hand side for the Instagram button to sit comfortably next to Bookings — no crowding.
Option A — "subtle"
Small Instagram icon, just left of Bookings
The quiet version you liked. A plain Instagram glyph sitting before the Bookings button. Visible on every page, but light-touch.
Option B — "matched button" (redesigned)
Instagram as a bordered box — same size as the Bookings button
As you asked: the Instagram button is now an outlined box the exact same height as the Bookings button, sitting right beside it, same 1px ink border. Reads as a deliberate, balanced pair rather than an add-on.
Both boxes are locked to the same 39px height — the Instagram box is a clean square matching the Bookings button. (Say if you'd rather it match the full Bookings width too.)
Footer · the "Follow" column
LinkedIn goes here (not the header)
As you said — LinkedIn lives in the footer Follow column alongside Instagram. The header carries Instagram only.
Live URLs: Instagram instagram.com/the.diversityagency · LinkedIn linkedin.com/company/thediversityagency