Choose the logo, navigation, mega menu, sticky behavior, transparent overlay, and localization controls that help customers move through the store.
The Header is not just a style choice. It controls brand recognition, product discovery, search access, account access, cart access, and international selectors. Configure it after the logo, menus, and homepage hero are known.
In Shopify admin, go to Content > Menus. Build the main menu and any nested menus before editing the theme.
Open the Header section. Add the main logo, optional mobile logo, and optional light logo for overlay pages. Choose the menu and icon behavior.
Add a Megamenu block for top-level labels that need columns or promo imagery. Keep each menu label matched to your store's real navigation.
Configure sticky mode after reviewing long pages. Configure transparent overlay only after the homepage or campaign hero is final.
Test desktop, mobile, scroll, search, account, cart, menu drawer, mega menu, and localization selectors.
The brand mark shown in normal and overlay states.
The header appears on solid backgrounds and over hero media.
Upload a crisp main logo and a light version only if overlay is used.
Using overlay mode with only one logo color.
The Shopify link list used for desktop and mobile navigation.
Menu items are missing or the wrong links appear.
Use a clean main menu with logical nesting.
Creating menus in Shopify without selecting them in the Header section.
Structured dropdowns with columns and optional promo content.
A top-level menu needs more than a simple dropdown.
Use for shop/category navigation only.
Turning every top-level link into a large dropdown.
Lets the header sit over the first hero or campaign section.
The first section is strong enough visually and has enough contrast.
Use selectively on image-led pages.
Overlaying light text on light media.
Controls whether the header stays visible while scrolling.
Customers need constant search, account, cart, or menu access.
Always sticky for utility, On scroll up for editorial pages.
Using a tall sticky header that covers content on mobile.