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