Transparent header
Header
Make your store's header transparent on your Home page and collection pages to display the full height of your Slideshow or Video hero.
Settings reference
Click on the Header section to find the following settings:
Setting | Description |
---|---|
Enable on home page | Select this checkbox to enable the transparent header feature on the home page. This setting requires that you have a Slideshow or Video Hero section enabled as the first section on your homepage. |
Text color | Select a color for all text in your header. Make sure the text is readable against your top-most home page section's background colors, images, or video. |
Icon color | Select a color for all icons in your header. We recommend using the same color you used for your Text color. |
Cart count color | Select a color for the number that shows the amount of products in the cart. This color needs to contrast with the Icon color. |
Border color | Select a color for the border that defines the bottom edge of your header. The Border opacity needs to be above 0% to appear. |
Border opacity | Use the slider to set the border opacity: where 0% is invisible and 100% is completely opaque. |
Logo image | Select or upload a logo image to be used on the transparent header. This logo is only used when the header is shown as a transparent header. The settings for your normal logo appears at the top of the header settings. |
Related links
Last updated