Centered Logo Navbar
Editorial fashion header with a centered wordmark, utilities split symmetrically to either side, and a centered category row beneath.
Editorial fashion header with a centered wordmark, utilities split symmetrically to either side, and a centered category row beneath.
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
Centered Logo Navbar is the classic fashion house header: the wordmark sits dead center with text utilities split symmetrically to either side, search and stores on the left, account and cart on the right. A centered category row runs beneath on a hairline border, with the sale entry weighted bolder so it reads first.
The categories are a small array; everything else is markup. The grid uses a three column track so the logo stays centered no matter how the side utilities grow, and the category row hides below the large breakpoint where the menu button takes over.
Reach for this block as the site header on editorial and apparel stores where the brand name is the hero and the catalog splits into a handful of clear departments. The symmetry reads as considered, which is exactly the tone a fashion label wants at the top of the page.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the centered fashion wordmark. Other arrangements:
Tip: the centered logo only holds its poise while the side utilities stay short; add a fourth link per side and the wordmark drifts off center.