Header
Lives in the Header group at the top of your store's pages. Select it in the theme editor sidebar under Header.
The header shows the menu you pick in Menu, which is Main menu unless you change it. Mega menus are blocks: add one Mega menu block for each top-level menu item that should open a large panel. Navigation and mega menus walks through building the menu in Shopify and connecting it here.
Settings
| Setting | What it does | Default |
|---|---|---|
| MenuMenu picker | Up to 3 levels. Add [Badge] at the end of a link name to show a small pill, for example "Sale [Hot]". Learn more | Main menu |
| Logo imageImage | Leave blank to use the logo from Theme settings > Brand. Transparent .png or .svg recommended. | None |
| Logo widthSlider | 140px |
Layout
| Setting | What it does | Default |
|---|---|---|
| LayoutMenu | Logo and navigation inline | |
| Full widthCheckbox | Off | |
| StickyMenu | Choose whether the header stays visible as shoppers scroll. | Show when scrolling up |
Navigation
| Setting | What it does | Default |
|---|---|---|
| Use uppercase navigationCheckbox | Off | |
| Link hover effectMenu | Pill highlight | |
| Collapse extra links into "More"Checkbox | Keeps the navigation on one line at every screen width. Links that don't fit move into a "More" menu with their sub-links. | On |
| Mega menu styleMenu | Floating card | |
| Dim the page behind mega menusCheckbox | Focuses attention on the open menu. | On |
| Mobile menu levelsMenu | How nested menu levels open in the drawer. | Sliding panels |
| Mobile menu styleMenu | Editorial shows larger links under a floating close button, and opens levels beside the list on wider screens. Shown when Mobile menu levels is Sliding panels. | Standard |
| Show link images in the mobile menuCheckbox | Second- and third-level links show a small image from their own collection, product, blog, or article. | Off |
| Mobile menu sideMenu | Which edge the mobile menu slides in from. | Left |
Transparent header
| Setting | What it does | Default |
|---|---|---|
| Transparent over heroCheckbox | Overlays the header on the first section when that section allows it. The header turns solid on scroll. | Off |
| Text and icons over heroMenu | Auto matches the hero's text color. Shown when Transparent over hero is on. | Auto |
| Logo while transparentImage | Alternate logo shown while the header overlays the hero. Shown when Transparent over hero is on. | None |
Search, account and cart
| Setting | What it does | Default |
|---|---|---|
| Search, account, and cartMenu | Icons | |
| Show searchCheckbox | On | |
| Show account linkCheckbox | Shown only when customer accounts are turned on. | On |
| Customer account menuMenu picker | Menu shown to signed-in customers from the account icon. Shown when Show account link is on. | customer-account-main-menu |
| Show cartCheckbox | On |
Localization
| Setting | What it does | Default |
|---|---|---|
| Show country selectorCheckbox | Shows when your store sells to more than one country. Learn more | Off |
| Show language selectorCheckbox | Shows when your store has more than one published language. Learn more | Off |
Section style
| Setting | What it does | Default |
|---|---|---|
| Background styleMenu | Frosted makes the bar translucent and blurs the page behind it. | Solid |
| ColorMenu | Default | |
| BackgroundColor | Shown when Color is Custom. | None |
| Background gradientGradient | Shown when Color is Custom. | None |
| Text colorColor | Leave blank to auto-pick black or white for contrast. Shown when Color is Custom. | None |
| Vertical spacingMenu | Theme default |
Blocks
Mega menu
| Setting | What it does | Default |
|---|---|---|
| Menu itemText | Enter the title of a top-level menu item, leaving out any [Badge]. Its sub-items become the columns. Learn more | None |
| Card layoutMenu | How the promotion and collection cards arrange beside the links. Steps down to a carousel on its own when the columns need the room. | Grid |
Promotion 1
| Setting | What it does | Default |
|---|---|---|
| ImageImage | None | |
| HeadingText | None | |
| LinkLink | None |
Promotion 2
| Setting | What it does | Default |
|---|---|---|
| ImageImage | None | |
| HeadingText | None | |
| LinkLink | None |
Promotion 3
| Setting | What it does | Default |
|---|---|---|
| ImageImage | None | |
| HeadingText | None | |
| LinkLink | None |
Collection card
| Setting | What it does | Default |
|---|---|---|
| CollectionCollection | Shows after the promotions. | None |
| Show in the mobile menuCheckbox | Shows the cards under this item in the mobile menu. | On |
Header action
| Setting | What it does | Default |
|---|---|---|
| IconMenu | ||
| LabelText | The link's name for screen readers and the mobile menu. | Contact us |
| LinkLink | None |
Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.