Header

The Header is a crucial part of your eCommerce store; featuring your brand's logo, navigation, and the shopping cart to name just a few.

Getting Started

We will define each setting used in the Header section and explain how to use it with Navigator.

Section width - you can toggle between Full width or Page width, this will either a white space or make the section edge-to-edge

Header style - you have 2 options, Stacked or Overlay. Stacked will show the header above the section below, while Overlay will position the header over the section below. Our recomendation for the Overlay setting is to enable this if the Slideshow section is directly below the header.

Logo position - you can switch the log to be positioned either on the Left or Center of the header

Cart type - you have 2 options, a cart Drawer or Page. If Page is selected, when you click on the cart icon in the header you will go directly to the cart page, wheras if the Drawer setting is selected, a drawer will open rather than the cart page.

Upload logo image - you can replace the default site name with a your business logo and change its width up to 200px.

Enable sticky header - you can enable this option if you want the header to be fixed to the top of the page when a user scrolls down the page.

Enable account - you can toggle this option to show/hide the account icon in the header

Enable search - you can toggle this option to show/hide the search icon in the header and corresponding drawer

Menu

When you're setting up your online store, you should think about how you want customers to find your products and information about your business. This will help you to make decisions about your online store navigation.

This setting allows you to pick a menu that has been created via Online Store > Navigation

To learn more about Menus and links in Shopify, click here.