Under Settings → Theme → Header you control the top bar — its layout, your logo, the navigation styling, and how it behaves over a hero and on scroll.
📷 Screenshot: The Header settings panel.
General
- Height of the bar.
- Layout — Default (centered cluster) / Full width / Stacked (two rows).
- Search Style — Icon popup or an always-visible search bar (with a placeholder).
- Toggles — Sticky Header, Blur Background (frosted glass on scroll), Show Border. Stacked layout adds top-row padding + which rows stay sticky.
Logo
Logo Height, Logo Gap, Show Site Name, Name Style (Stacked two-line / Inline), and Show Tagline.
Navigation
- Nav Gap, Link Padding, Dropdown Min Width.
- Nav Link Typography — Font Size, Weight, Letter Spacing, Border Radius.
- Nav Link Colors — Rest / Hover / Active (blank = default text colors).
- Mega Menu — Include Mega Menu Links in Page Source: keep this on so category links are crawlable by search engines.
Transparent header (over a hero)
- Float over hero (transparent) — the header sits over the top hero (on by default). Set Text/Nav Color, Icon Color, and Border Color for that floating state (they can be semi-transparent).
Scroll behavior
Scroll Threshold (how far before the frosted glass kicks in), Blur Amount, Background Opacity.
Header actions
Toggle the icons on the right — Search, Cart, Account, Theme Toggle — and set their Icon Size.
Next: Footer.