Nav With Category Bar
A brand row above a scrolling category bar with the current section underlined.
A brand row above a scrolling category bar with the current section underlined.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Nav With Category Bar splits the header into a brand row and a dedicated category bar beneath, the current section underlined with a real border and aria-current, the bar scrolling horizontally on mobile rather than collapsing into a burger. Department store navigation for catalogs with real breadth.
Categories are one array with a current flag. The underline indicator works in both themes without color dependence.
Reach for this block on stores where the category is the primary mental model and visitors live inside one aisle per session. The persistent bar keeps section switching one tap at all times.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the eight aisle bar with the current one marked. Other bars:
Tip: horizontal scroll beats a burger menu for category bars on mobile, visible options get visits, hidden ones get forgotten.