Mega Panel Nav
A desktop header shown with its Work menu open, a full width panel laying out three category cards with thumbnails, counts, and a footer row.
A desktop header shown with its Work menu open, a full width panel laying out three category cards with thumbnails, counts, and a footer row.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Mega Panel Nav captures a desktop header with its Work menu already open, drawn as a static blueprint rather than a live dropdown. The bar keeps the name mark Avery Stone, an open Work trigger with a flipped chevron, and three plain links (About, Journal, Contact); a full width panel drops beneath it.
The panel lays out three project category cards, Brand identity, Product design, and Art direction, each with a thumbnail, a project count, and a one-line description. A footer row closes the panel with a View all projects link and a running total reading 28 projects since 2016.
Reach for this block when the body of work spans enough distinct categories that a flat link list would undersell it, and a visual menu helps a visitor choose a lane. The installer swaps the categories, the counts, the thumbnails, and the descriptions.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the multidisciplinary designer sorting work by discipline. Other panel uses:
Tip: three or four cards is the ceiling for one row; beyond that the thumbnails shrink and the panel starts to feel like a full page rather than a menu.