Branding
Change the storefront header
Choose a header layout, change its search and cart controls, or adjust the menu and account colors. Save your changes, then check your storefront on desktop and mobile.
Before you start
- Content → Branding
- You need Edit permission for Branding, Navigation & Testimonials.
What success looks like
- The storefront uses the header settings you saved. These appearance settings do not change orders, stock or customer accounts.
Quick start
Choose the task you need. Each task has its own steps.
Arrange the header
- 1Open Branding & Design → Header → Layout. Choose a Background Color and Sticky or Static scroll behavior.
- 2Under Element Placement, choose Single Row or Two-Tier. Arrange the available Logo, Navigation, Search, Cart and Account elements. Each area has Fill/Fit and alignment controls.
- 3Click Save Changes. Open your storefront at desktop and mobile widths to check the saved header. Small screens use a compact menu and controls.
Change the menu style
- 1Open Branding & Design → Header → Navigation. Choose Inline Links or Hamburger.
- 2Click Save Changes, then check the menu on your storefront. To change which links it contains, use Content → Navigation.
Show or hide header search
- 1Open Branding & Design → Header → Search. Choose Hidden to remove header search, Icon Only for a search button, or Full Bar for a visible field.
- 2For visible search, choose its size and icon color. On small screens, Single Row opens search from a button; Two-Tier shows the field below the header.
- 3Click Save Changes. Reload the storefront and check search at desktop and mobile widths.
Show or hide the cart icon
- 1Open Branding & Design → Header → Shopping Cart. Choose Visible or Hidden, then the Cart, Bag or Basket icon.
- 2For a visible cart, choose its icon color and whether to show the Item Count Badge. Set the badge color if needed.
- 3Click Save Changes. Reload the storefront and check the cart icon. If storefront sales are turned off in Orders → Order settings, the cart stays hidden regardless of this preference.
Change account colors
- 1Open Branding & Design → Header → Account. Choose the Icon Color for signed-out shoppers and the Avatar Color for signed-in shoppers.
- 2Click Save Changes, then check the account control on the storefront.
How this area works
Reference information for the choices on this page.
Important details
- Header Navigation links have their own editor under Content → Navigation. Hiding the cart icon is different from disabling online purchases.
- Turning storefront sales back on restores the saved cart visibility preference; no branding edit is needed.
Troubleshooting
Choose the symptom that matches what you see.
The search box is missing
Check Header → Search. Hidden removes header search. Icon Only opens search from a button on desktop. On small screens, Single Row uses a search button and Two-Tier shows the search field below the header when search is enabled.
The cart stays hidden
Check Shopping Cart → Visibility and whether storefront sales are enabled in Orders → Order settings. Sales disabled takes priority. Enabling sales restores your saved Visible or Hidden preference.
The menu is missing links
Open Content → Navigation, check Header Navigation and save the links you want to display. Header appearance settings do not add menu links.
Do I need to edit branding after enabling sales?
No. Enabling storefront sales restores the existing cart visibility preference. A cart set to Hidden remains hidden; a cart set to Visible can appear again.
The save could not be confirmed
Keep your choices. Open Branding & Design in another tab and check the saved settings before trying again. Do not assume a lost response means nothing was saved.
Continue with a related guide
Still stuck?
Open a support ticket. We’ll include this guide so you only need to explain what happened and where you got stuck.
Sign-in is required to protect store information.