Header section
There are three navigation menu arrangement types in the Sitar theme’s header section.
1. Logo left, menu bottom
2. Logo center, menu left
3. Logo center, menu bottom
The header customizations are as follows:
Setting | Description |
---|---|
Make section full width | By enabling this checkbox, you can make section in full width. |
Desktop logo position | Customization of desktop logo position in the header section is as follows:
|
Color scheme | In this section, you can change the background and foreground color of a section using the color scheme.
|
Transparent header on desktop | Enable transparent header on home page By enabling this checkbox, you can Enable transparent header on home page. Enable transparent header container background By enabling this checkbox, you can Enable transparent header container background on home page. |
Show bottom border | By enabling this checkbox, you can show bottom border. |
icon width | Use this option to change Search/account/cart icon width. You can set a minimum of “18px” and a maximum of “26px”. |
Menu | Menu Click on "Select menu" to add a menu in the header section. Color scheme In this section, you can change the background and foreground color of the section using the color scheme:
Menu dropdown color In this section, you can change the background and foreground color of the dropdown using the color scheme:
|
Sticky header | Customization of Sticky header in the header section is as follows:
|
Sticky header color | In this section, you can change the background and foreground color of the sticky header using the color scheme:
|
Header shadow | Customization of header shadow in the header section is as follows:
|
Text with icon | Show text with icon By enabling this checkbox, you can Show text with icon. Show background By enabling this checkbox, you can Show background. Icon In the section, the icons are given to select. are for selecting:
Icon width Use this option to change icon width. You can set a minimum of “12px” and a maximum of “30px”. Heading Enter text to display as a title in the section. Text Input the text to be displayed in this section. Additionally, you can add the contact number for customer support Link Utilize the 'Link' option to insert a hyperlink into the section. |
Mobile layout | Country/region selector By enabling this checkbox, you can see country/region selector in the header section. Language selector By enabling this checkbox, you can see Language selector in the header section. |
Spacing | Bottom margin You can adjust the range of the bottom margin to increase or decrease the bottom spacing as needed. |
Section padding | Top padding You can adjust the range of the top padding to increase or decrease section padding as needed. Bottom padding You can adjust the range of the bottom padding to increase or decrease section padding as needed. |
Last updated