Header styles
Pipeline includes several header styles and configuration options
Last updated
Pipeline includes several header styles and configuration options
Last updated
Flexible layout options allow you to easily configure your brand logo, menu items, and links.
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:
Choose a layout option from the Header style drop-down:
Customize the style using search and icon checkbox options:
Additional examples combining layout and icons or text:
