Centered Links Nav
A symmetric header with links optically centered between the logo and a single CTA.
A symmetric header with links optically centered between the logo and a single CTA.
The Marketing Collection unlocks the source for every Marketing block. All Access unlocks every Collection.
Already purchased? Log in
Centered Links Nav is a symmetric sticky header. A three column grid holds the logo on the left, four links optically centered in the bar, and a single CTA on the right, so the navigation sits on the page centerline regardless of how wide the logo or button are. On mobile the middle column collapses into a hamburger and slide in sheet.
The links are one array shared between the bar and the sheet. Keeping the link count even, four works best, preserves the symmetry the layout is built on. The logo mark and wordmark swap in one place, and the CTA is a single button so the right side never outweighs the left.
Reach for this block when the page design leans centered, hero copy, centered features, centered CTAs, and the header should sit on the same axis. It reads calmer and more editorial than standard-sticky-nav, whose left clustered links signal utility. If you need two header actions or more than five links, the standard layout handles the weight better.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a brand led marketing site with a four page architecture. Other fits:
Tip: the centered column is measured against the widest side, keep the CTA label short so the links truly sit center.