Skip to main content

✦ Header

The header is a content block at the upper part of your website that appears on every page. It usually contains the logo of a store, the main navigation menu, and other elements such as a search bar, shopping cart icon, etc.

Header

info
  1. In the theme editor (Customize), click Add section.
  2. Locate Header.
  3. Make necessary changes. > Save

Header

Select a setting described in the following table

Setting nameDescription
StickyChoose sticky header behavior when scrolling: Always, On scroll up, None.
Color schemeChoose color scheme: from Scheme 1 to Scheme 5.
LayoutAdjust width and height settings.
ContainerAdjust container width: Global, Box, Full.
Use absolute on pagesAdjust the absolute position of the header on specified pages: Home, Product, Collection, Collection list, Blog.
BordersAdjust the border: Border, Corner radius, Shadow.
PaddingAdjust the padding: Top, Bottom, Left, Right.