Header & navigation

Setting	Options
Logo image	Upload your logo
Logo width	50–300px (default 100px)
Logo position (desktop)	Top left, top center, middle left, middle center
Logo position (mobile)	Center or left

Setting

Options

Logo image

Upload your logo

Logo width

50–300px (default 100px)

Logo position (desktop)

Top left, top center, middle left, middle center

Logo position (mobile)

Center or left

Upload your logo as a transparent PNG or SVG for the best result. Set the width so it looks balanced with your menu items.

Navigation menu

Select which menu to display via the Menu setting (defaults to main-menu). You manage the menu links in Shopify admin under Online Store → Navigation.

Type	Best for
Dropdown	Simple stores with a few categories. Menu items show a dropdown on hover.
Mega menu	Stores with many categories. Opens a full-width panel with columns and images.
Drawer	Minimal designs. Opens a side drawer for navigation.

Option	Behavior
None	Header scrolls away with the page
On scroll up	Header reappears when scrolling back up
Always	Header stays fixed at the top
Reduce logo size	Header stays fixed but the logo shrinks to save space

Option

Behavior

None

Header scrolls away with the page

On scroll up

Header reappears when scrolling back up

Always

Header stays fixed at the top

Reduce logo size

Header stays fixed but the logo shrinks to save space

Announcement bar

The announcement bar sits above the header. Use it for:

Sale promotions (“HOLIDAY SALE ENDS IN 02:47:33”)

Free shipping thresholds (“Free shipping on orders over $50”)

New product launches

You can configure:

Text content and link

Background and text colors

Countdown timer — set an end date for urgency

Multiple messages — rotate between announcements

Header styling

Setting	What it does
Full width	Extend header to full browser width
Show line separator	Border below the header
Top border	Decorative border with style (solid, dashed, dotted, double) and color
Menu underline	Thickness and color of the hover/active underline on menu items
Margin bottom	Space between the header and page content

Element	What it does
Country selector	Currency/country picker for international stores
Language selector	Language switcher (uses your installed translations)
Customer avatar	Account icon for login/register
Cart icon	Shopping cart with item count badge

Element

What it does

Country selector

Currency/country picker for international stores

Language selector

Language switcher (uses your installed translations)

Customer avatar

Account icon for login/register

Cart icon

Shopping cart with item count badge

Getting started

Guides

Resources

Support

Logo

Navigation menu

Menu type (desktop)

Sticky header

Announcement bar

Header styling

Utility icons

​Logo

​Navigation menu

​Menu type (desktop)

​Sticky header

​Announcement bar

​Header styling

​Utility icons

Logo

Navigation menu

Menu type (desktop)

Sticky header

Announcement bar

Header styling

Utility icons