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:
Open Theme settings
Go to the Logo block
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