Header

The Header section allows you to customize the top section of your store, including the logo, menu, and various display options.

💡

Tip
Learn how to open and configure section settings on the Introduction page.

Section Settings

Header section settings
  • Default logo imageSelect an image for the default logo.
  • Default logo widthSet the width of the default logo (default is 180px).
  • Logo position on large screen
    • LeftPosition the logo to the left.
    • MiddlePosition the logo in the middle.
  • Mobile logo imageUpload an image for the mobile logo. If not provided, the default logo will be used.
  • Mobile logo widthSet the width of the mobile logo (default is 120px).
Header section settings
  • MenuSelect the main menu to display in the header.
Color scheme settings
  • Color schemeChoose a color scheme for the image gallery section.
    To edit all your theme's colors, including color schemes, go to your color theme settings.
Header section settings
  • Show separator lineToggle to show or hide a separator line below the header.
  • Match banner styleEnable this option to visually integrate the header with the banner directly beneath it.Applies to the first Image Banner section, Collection banner, and the banner on the page-with-header-banner page template.For the Image Banner section, this effect only applies if the banner is set to full width.
  • Enable sticky headerToggle to enable or disable the sticky header feature, which keeps the header visible as customers scroll up.