Transparent Header

Edition: Pro. Requires an active Pro license. Without one this feature shows a Pro banner and cannot be used.

What it does

The header is laid over the top of the page with a transparent background, so it floats over your hero section, and it turns solid once the visitor has scrolled.

Where to find it

Open the header item, then the Settings tab. Under Pro effects switch on Transparent header.

Settings

• Solid after (px): the scroll distance after which the header turns solid. Default 80.
• Scrolled background: the background colour once it is solid. Default white.

Good to know

• Space equal to the header's height is reserved at the top of the page so your content does not jump.
• Design the header's text and logo so they are readable over your hero image.