Theme v1.0.0Shopify Dawn 15.4.1
Header & Announcement Bar
The header group appears on every page and contains two sections: the Announcement bar and the Header. Open either from the top of the theme editor sidebar.
Custom header or standard header
NAVEGaid includes two header designs, switched with Theme settings → Header → Enable Custom Header:
| Option | What you get |
|---|---|
| Custom header (on) | Hover mega menus with product and collection image tiles, and a card-based mobile drawer built from the same menu. |
| Standard header (off) | The Dawn header with dropdown, mega menu or drawer navigation. |
Both designs use the same header section settings below. See how menus appear in the custom header.
Header settings
| Setting | Options | Default |
|---|---|---|
| Logo position | Top left, Top center, Middle left, Middle center | Middle left |
| Mobile logo position | Center, Left | Center |
| Menu | Any menu from Content → Menus | main-menu |
| Menu type | Dropdown, Mega menu, Drawer | Dropdown |
| Sticky header | None, On scroll up, Always, Always, reduce logo size | On scroll up |
| Separator line | On / off | On |
| Color scheme / Menu color scheme | Any scheme | scheme-1 |
| Desktop search style | Icon, Search Bar | Icon |
| Country/region selector | On / off | On |
| Language selector | On / off | On |
| Customer account avatar | On / off | On |
| Bottom margin, top and bottom padding | Pixels | 0 / 20 / 20 |
Selectors need more than one option
Announcement bar
Add up to 12 Announcement blocks. Each has its own text, link and link text. With more than one, they display as a rotating slider.
| Setting | Options | Default |
|---|---|---|
| Auto rotate announcements | On / off | Off |
| Change every | Seconds | 5 |
| Text style | H1–H6, Paragraph | H5 |
| Font family | Shopify font library | Manrope |
| Color scheme | Any scheme | scheme-4 |
| Separator line | On / off | On |
| Social media icons | On / off, large screens only | Off |
| Country/region and language selectors | On / off, large screens only | Off |
Social icons come from theme settings
Mobile menu
By default the mobile menu uses the same menu as desktop. To design it separately with images and icons, switch on Enable Custom Mobile Menu and add mobile menu blocks to the header — see Custom mobile menu blocks.
Was this page helpful?
Tell us whether this page answered your question.