Header section
Last updated
Last updated
Setting | Description |
---|---|
Make section full width
By enabling this checkbox, you can make section in full width.
Enable header separator
By enabling this checkbox, you can show header separator line.
Desktop logo position
Customization of desktop logo position in the header section is as follows:
Menu bottom logo left
Menu left logo center
Menu style
Customization of menu style in the header section is as follows:
Show on click
Show menu by default
Account icon setting
Customization of account icon and text in the header section is as follows:
Link on click
Direct link
User icon
Customization of user icon in the header section is as follows:
With icon
Without text
Enable cart background
Modifying the color of the cart background will result in a corresponding color change for the cart background.
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Transparent header on desktop
Enable transparent header on home page By enabling this checkbox, you can Enable transparent header on home page.
Show main menu title link
By enabling this checkbox, you can show main menu title link.
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:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Menu dropdown color
In this section, you can change the background and foreground color of the dropdown using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Sticky header
Customization of Sticky header in the header section is as follows:
None
Always
Always, reduce logo size
Sticky header color
In this section, you can change the background and foreground color of the sticky header using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
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.