What is the header section?
As the first thing a customer sees on your e-commerce site, the Header is crucial to creating a strong and memorable brand experience. With Boost, the header will make an impact with its innovative mega menu structure, logo options, eye-catching search function, clearly designed cart, account and search icons. The header also features a dynamic announcement bar to keep customers up-to-date on the latest sales and promotions.
How to set up the header section
Steps
- Open the Theme editor and in the Header Group, select the Header section.
- In the Logo setting choose an Image and set the Maximum width using the slider provided.
- In the Desktop alignment settings, select either Left or Centre. Set the layout for the search bar and choose the Mobile logo position.
- Select Enable sticky header to attach the header to the top of the browser window when scrolling down through the page.
- Choose between a bag or cart for your Cart icon.
- In the Navigation setting select a Menu.
- Enable your Country/region selector and Language selector. For the correct information to be shown here, the Languages and Markets must be set up in the Shopify admin area.
- Choose up to three Store messages that are displayed under the main menu, great for promotions and notices. On mobile a carousel layout is used, on desktop there is a choice between a carousel and standard layout.
Note
FAQs
How do I add a background color or gradient below the header?
The theme includes a Home page background accent color or gradient that can be shown just under the header. Choose the color or set to transparent in Theme settings > Colors.
How do I set up a mega menu?
Refer to our Mega menu guide which covers this in more detail.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us