Layout and style

Header

Customize the look of the Header in the section settings.

• Choose color scheme for header

• Change the Layout of the logo and menu

• Enable the Sticky header to fix it to the top of the page

• Change the Cart icon to a bag or cart

Choose color scheme

---

Use the Color scheme picker to change the color scheme. You can edit and add color schemes in your theme settings.

Choose header layout

---

Change the layout of the logo, search bar, and menu for both desktop and mobile.

Click Header section to find settings

Setting	Description	Options
Header layout	Change the position of the logo and menu in the header.	Logo left menu left Logo left menu center Logo center menu left Default Logo center drawer menu
Width	Set the content width of the header contents. This setting applies to the mega menu as well	Page width Full width

Enable sticky header

---

The Sticky header option fixes the Header to the top of the screen or window when customers scroll down the page.

The Delayed transition style will vary depending on the Announcement bar and Impact logo:

• If there’s a sticky announcement bar, then sticky header appears immediately.

• If Impact logo is present, sticky header appears after scrolling past the impact logo.

• If there’s no sticky announcement bar or impact logo, sticky header appears when header is out of view.

Click Header section to find settings

Setting	Description
Enable sticky header	Choose to fix the Header to the top of the screen or window so it remains visible when visitors scroll down the page.
Sticky transition style	Choose to stick the header instantly or delay showing the sticky header until scrolling down.

Change cart icon

---

Choose to display the cart icon as either a Cart or Bag.

Click Header section to find settings

Setting	Description	Options
Cart icon	Change the icon style for the cart in the header. No icon shows a simple button with the item count.	Cart Bag Default No icon