Transparent header

Overlay the header on top of the hero section

For some stores, making a strong first impression with a hero image or video is essential. The transparent header allows your header to overlay the hero section, keeping the focus on visual impact. This feature was requested multiple times by our customers and is now built directly into the theme.

How to set it up

Setting up the transparent header is straightforward:

  1. Open Theme settings

  2. Go to the Logo block

  3. Upload a logo variant specifically for the transparent header

This logo variant is usually a white version of your main logo, with the same proportions. When the transparent header is enabled, the logo will smoothly transition as the header state changes.

Important notes

  • The transparent header applies only to the homepage

  • It requires a hero-style section (such as the Hero slideshow) as the first section on the page

  • Without a hero section, the transparent header will not behave as expected

Last updated