Transparent Header

The header starts transparent on top of the page's first section, then becomes solid (your header background color, with a shadow) once the visitor scrolls — the "seamless hero" look.

Enable it

Open any page in the editor and select the header (it's a global partial, so this affects all pages).
Turn on Transparent Over First Section?.
Optional: turn on Make Logo White While Transparent? if your logo is dark — it renders the logo white until the header turns solid.

Which pages it affects

The effect only activates on templates built for it — Home 3 through Home 7. Interior pages, the blog, and system pages keep the normal solid header even when the setting is on, so it's safe to enable site-wide.

For developers: to opt a custom template in, add header-transparent-page to the template's template_class. The first section should be a full-bleed hero, since content flows underneath the navigation.

Tips

Navigation links are white with a subtle shadow while transparent — use hero images/overlays dark enough to keep them readable.
Inside the page editor the header stays solid so editing is never white-on-white.
Works alongside the existing Fixed Header Navigation option.