Transparent header
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
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.
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:
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
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