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.
Menu | Logo | Cart
This style places the brand logo in the middle with navigation on the left and account, search, and cart on the right:
Logo | Menu | Cart
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:
Logo | Spacer | Menu + Cart
This style places the brand logo to the left, and adds spacing to push the navigation on the right next to the cart:
Mobile drawer menu
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:
How to
Choose a layout option from the Header style drop-down:
Customize the style using search and icon checkbox options:
Examples
Additional examples combining layout and icons or text:
Last updated