2. Transparent header settings
Checkbox “Transparent header” on home page should be marked to use all these options.
| Setting | Description |
| Enable transparent header on home page | Check the mark to see header transparent like a part of banner or uncheck to have the header like a separate block with its own color. |
| Background color on scroll | When the checkbox “Transparent header” is marked, you can choose the background for header on scroll. There are five options: Main Background, Section background 1,2,3,4. Colors for these backgrounds you can set in Theme Settings/Colors block. *Header shows on the screen as customers scroll up. |
| Text color | Two options of colors for transparent header:
*To change the color for these styles, go to theme settings – colors block. |
| Text color on scroll | Two options of colors for transparent header on scroll:
*To change the color for these styles, go to theme settings – colors block. *Header shows on the screen as customers scroll up. |
| Links hover color | There are four options to see links on hover in different way :
|
| Links custom hover color | Choose “Links hover color” - custom and set custom color using this color picker. |
| Links hover color on scroll | As you scroll down the homepage, there is a header that remains fixed at the top of the page. Additionally, the header links change their color when you hover over them for a more interactive user experience. There are four options to see links on hover in different ways:
|
| Links custom hover color on scroll | Choose “Links hover color” - custom and set custom color using this color picker. |
| Counter: | When the transparent header is enabled on the homepage, you can choose the color for the counter here. The counter represents the number of products displayed near the cart icon in the header. |
| Counter background | Choose a background color from the color palette for the counter. |
| Counter background on scroll | Choose a background color from the color palette for the counter. This change will be visible when you scroll the header and sticky header appears. |
| Counter color | Select a color from the color palette for the counter numbers. |
| Counter color on scroll | Select a color from the color palette for the counter numbers. This change will be visible when you scroll the header and sticky header appears. |