Header section
Configure the Zalify Theme header — logo and logo width, the main navigation menu, and mega-menu promo image strips.
The header renders on every page: logo on the left, navigation, and the search / account / cart utilities. It picks up its colors from the selected color scheme like every other section.
| Setting | Notes |
|---|---|
| Logo + Logo width | 50–300px; text logo (shop name) when unset |
| Menu | The main navigation menu |
Mega promo block
Attach a promo image strip to one desktop mega-menu (and its mobile menu group). One block per menu item; each block holds up to six promo slots (image + caption + link each). The strip shows 2½ promos and scrolls horizontally for the rest.
| Block setting | Notes |
|---|---|
| Menu item | The label of the top-level menu entry to attach to (case-insensitive) |
| Promo 1–6 | Image, Caption, Link per slot; empty slots are skipped |
The mega menu itself comes from your Shopify navigation: a top-level menu item with nested sub-items expands into columns automatically. The Mega promo block only adds the image strip.
Build a mega menu
In Shopify admin, go to Online Store → Navigation and open the main menu your header uses
Nest sub-items under a top-level item — one more level of nesting is supported
Click Save menu; that top-level item now expands into columns on desktop
For an image strip, add a Mega promo block to the header and enter that top-level item's name in Menu item