Header styles
Pipeline includes several header styles and configuration options
Flexible layout options allow you to easily configure your brand logo, menu items, and links.

Preset - Menu | Logo | Cart

Preset - Logo | Menu | Cart

Preset - Logo | Spacer | Menu + Cart

Preset - Mobile drawer menu
This style places the brand logo in the middle with navigation on the left and account, search, and cart on the right:

This style places the brand logo to the left with the navigation in the center. Account, search, and cart icons are placed to the right of the navigation:

This style places the brand logo to the left, and adds spacing to push the navigation on the right next to the cart:

This style adopts the mobile design pattern used on all mobile devices. This style is the cleanest option, hiding the navigation into a mobile-style drawer and keeping consistency between mobile and desktop:

Navigation slides out when opened
Choose a layout option from the Header style drop-down:

Customize the style using search and icon checkbox options:

Cart, Search and Account can be displayed as icons
Additional examples combining layout and icons or text:

Menu | Logo | Cart, using icons option

Logo | Spacer | Menu + Cart
Last modified 2mo ago