Subnav Section Bar
A slim sticky section bar with the page name and anchor links for long pages.
A slim sticky section bar with the page name and anchor links for long pages.
The Marketing Collection unlocks the source for every Marketing block. All Access unlocks every Collection.
Already purchased? Log in
Subnav Section Bar is the second deck for one long page. A slim sticky bar carries the page name, a hairline divider, and the section links with the active one chipped in muted, scrolling horizontally on phones rather than collapsing. It sits beneath the main navbar and owns in page wayfinding.
The sections are one array with an active flag, wire it to scroll position or anchors at integration. The page name on the left is what separates a subnav from a second navbar, it says where you are, not where you can go.
Reach for this block on long solution pages, industry pages, and anything with five plus sections worth jumping between. It stacks under any of the main navbars, z indexed one layer lower. Skip it under double-deck-nav, three decks is a cockpit.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is solution page sections. Other bars:
Tip: keep the active state wired to scroll, a subnav that does not follow the reader is just a list of links.