Internal · not linked from anywhere

Three ways out of a full navigation bar

Measured on the live header at a 1440×900 desktop before anything was designed. The bar is not nearly full — it is one word from overflowing, and it already breaks onto three lines on a laptop.

102pxHeader height. A nav bar is usually 56–72.
112pxSpace left at 1440. “Membership” alone is 101px, so there is room for nothing.
3 of 7Top-level slots are calls to action — Schedule a call, Contact, Get started.
6 of 30Service pages reachable from the menu. The other 24 are orphaned.
0Entries for About or the Blog. Both exist; neither is linked.

Each option below is live — hover “Services”, and scroll inside the frame to see the bar stick. Narrow your browser under 820px to see the phone treatment.

OPTION ATrim

The smallest change that works. Same styling you have now, but the three competing calls to action become one, and Membership moves under Pricing — it is a price. That frees enough room for About.

64px tall4 browse items 1 CTASchedule a call → page CTAs + footer Contact → footer

Product photography studio

Placeholder page content, here only so the bar has something to scroll against.

Scroll inside the frame — the bar stays put.

OPTION BTrim + a real Services menu

Option A’s bar, but Services opens the full width. This is the one that earns its keep: you have about thirty service pages and the current menu reaches six of them. Two ways in — by what the client sells, and by what they want shot — because people arrive knowing one or the other.

64px tall4 browse items 16 service pages reachableFree-sample promo in the menu

Hover Services, then scroll.

OPTION CEditorial

Option B’s structure in the type you just approved on the About page — 11px uppercase with wide letter‑spacing, a hairline rule instead of a shadow, purple spent on one thing only. It is the lightest of the three on screen and the only one that looks like the rest of the new work rather than like the template.

58px tallMatches /about 16 service pages reachableNew styling — biggest change

Hover Services, then scroll.

WHAT CHANGES EITHER WAY

All three drop Schedule a call and Contact from the top level. Neither disappears: both stay in the footer, Schedule a call stays as a button on Pricing and How it works where someone is actually deciding, and both sit in the Services menu in B and C. Three calls to action next to each other is the reason none of them reads as the obvious next step. Membership moves under Pricing. About and Log in finally get in — the second one matters because every migrated client needs it.

OPTION C · ON A PHONE The menu has to go somewhere

A four-column panel cannot exist at 390px, so on a phone the same sixteen links become one grouped list in a full-height sheet — the group headings do the work the columns did. Both frames below are the real thing at 330px wide; scroll inside the open one.

Closed — 56px, two things on it

Studio Nula

Product photography studio

Placeholder content, so the bar has something to sit above.

Four decisions worth knowing about, because each one could have gone the other way:

  • Links are sentence case, not uppercase. The wide-tracked capitals are right for four words across a desktop bar and wrong for seventeen stacked items — at that length they stop being readable and start being shouted. The uppercase survives where it earns its place: the group headings and the two buttons.
  • Get started is pinned to the bottom, not placed in the list. The list scrolls and the actions do not, so the thing you want someone to press is reachable from anywhere in the menu instead of only after they scroll past sixteen service pages.
  • Log in sits beside it, deliberately smaller. Every migrated client needs that door and none of them needs it to be the loudest thing on screen.
  • No accordions. Collapsing the three groups would fit everything on one screen and cost a tap before anyone can see what you sell. Seventeen items in a scroll is a known quantity; three closed drawers is a guess.

The one thing to decide: whether Schedule a call and Contact belong in this list at all, or only in the footer. They are in it here because a phone is where someone most wants to just call you.