Name And Menu
A mobile-first header shown in its open-menu state with four large stacked links and zero-padded index numbers.
A mobile-first header shown in its open-menu state with four large stacked links and zero-padded index numbers.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Name And Menu is the mobile-first header shown in its open state as a static blueprint: the name mark Avery Stone and a close button sit in the bar, and below them an expanded panel lists four large stacked links, Work, Services, About, and Contact, each paired with a zero-padded index number on the right, 01 through 04. The large type and the numbering give the open menu editorial weight.
Links are one array; each item renders its index via the map position. The panel is a static div, not a Radix portal, so it renders correctly inside the preview iframe.
Reach for this block at the top of a portfolio whose primary audience arrives on a phone. The installer swaps the name, the four link labels and hrefs, and wires the close button to their own state toggle before shipping.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the full-panel mobile menu. Other name-and-menu uses:
Tip: the numbered list is the design statement, keep every link label to one or two words so the numbers align cleanly.