Two Row Nav
A stacked two-row header with the name and social icons on the top row and a six-link section nav on the second row for content-rich portfolios.
A stacked two-row header with the name and social icons on the top row and a six-link section nav on the second row for content-rich portfolios.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Two Row Nav splits the header into two ruled rows: the top row carries the name Avery Stone and four social icon links (X, LinkedIn, Instagram, GitHub), while the second row holds a six-link section nav covering Work, Case Studies, Writing, Services, About, and Contact. The separation prevents the header from crowding when the portfolio covers many distinct content areas.
Socials and nav links are two typed arrays. The stacked layout is the distinctive choice, giving each concern its own horizontal rhythm rather than squeezing everything into one bar.
Reach for this block as the header of a content-rich portfolio with four or more top-level sections. The installer swaps the name, social hrefs, and nav link labels to match their actual sections.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the multi-section personal portfolio header. Other two-row uses:
Tip: the second row scrolls horizontally on mobile by default, so keep nav labels short and specific rather than truncating them mid-word.