Highlighted menu item
Highlighted menu item is a block in the Header section that lets you color a specific top-level menu item (e.g. "Shop" in red, as shown in the screenshot) to draw the visitor's attention — useful for a sale, a new collection, or a promo link. You can add up to 3 of these blocks, each matched to a menu item by its exact title, with an optional separate color for dark mode.
| Setting | Description |
|---|---|
| Item name | The exact title of the top-level header menu item you want to highlight in a custom color (e.g. "Shop" — as shown in red in the screenshot). Must match the menu item title exactly — if it doesn't match any item, the block has no visible effect. You can add up to 3 of these blocks to highlight multiple menu items. |
| Color | The text color applied to the matched menu item in light mode (or as the only color, if dark mode isn't enabled/used). Default: #E31C25. |
| Enable dark mode | Lets you set a separate highlight color for dark mode, shown only when Color dark mode. Only appears when the theme's dark/light mode feature (Theme settings) is enabled. Disabled by default. |
| Color dark mode | The text color applied to the matched menu item when the storefront is in dark mode. Only shown when dark/light mode is enabled in theme settings and Enable dark mode is turned on for this block. Default: #E31C25. |