1. Header settings
Setting | Description |
Background color | There are five options: Main Background, Section background 1,2,3,4. Colors for these backgrounds can be set in the Theme Settings/Colors block. |
Text color | Two options of colors for header:
*To change the color for these styles, go to theme settings – colors block, any changes will affect the whole theme. |
Logo position on large screens | Displays the logo in the header:
*Changes of logo position you can view on a large screen, such as a desktop. |
Menu | Select the menu to use for your main menu. |
Header links font weight | Choose a font-weight of header links:
|
Header links hover color | Choose a color of header links. Four options:
|
Links custom hover color | You can choose here color for links from the big color palette. |
Counter: | When the transparent header is disabled on the homepage, you can choose the color for the counter here. Also, these colors are available for header counter on other pages. The counter represents the number of products displayed near the cart icon in the header. |
Counter background | Select a color from the palette to set as the background color for the counter. |
Counter color | Select a color from the palette to set as color for the counter numbers. |
Show dropdown icon | Shows dropdown icon for header items that have a dropdown menu. |
Show underline on hover | When it is enabled, links underline on hover. |
Show separator line | Show a line visually separating the header from the page's content. Choose a style from these three options:
|
Separator color | Select a color from the palette to customize the separator line between the header and page. |
Show sticky header | The header shows on the screen as customers scroll up. Disappears when the customer scrolls down. |
Menu items with icon style | Three styles of menu items with icons:
|
Show search on header | Displays or hide search for a header. |
Show submenu | Allows to open a dropdown menu on click or on hover, select the option. |