Transparent header

Make your store's header transparent on your Home page and other pages to display the full height of your Slideshow, Image hero, or Video hero.

To enable the transparent header on collection pages, use one of these sections or show a full-height banner image.

Enable on home page


Click the Header section and scroll down the the Transparent header settings. Check the Enable on home page checkbox to turn on the transparent header.

Enable on other pages


To enable the transparent header on other pages, enter the template names separated by commas in the Enable on additional templates field.

Enter the full template name with the template type and name, with a period in between (ex. page.about).

he following are default templates in Cornerstone:

```
404
cart
collection
list-collections
page.contact
password
product
search

```

You may want to use a different colored logo if the section image is darker or lighter than the default header color.

For example, if your default logo is black, upload a white transparent header logo to contrast with darker images or videos.

Click Header section to find settings

Setting
Description

Logo image

Upload a PNG image to display as your store logo when the header is transparent.

Text

If no logo is uploaded, change the text color of the store title.


Related links

Header Layout and style Logo Mega navigation Mobile menu Search bar

Last updated

Was this helpful?