Header section
There are three navigation menu arrangement types in the Piano theme’s header section.
1. Menu bottom logo left
2. Menu left logo center
The header customizations are as follows:
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
Dropdown open on
Customization of Dropdown in the header section is as follows:
Click
Hover
Menu design
Customization of menu design in the header section is as follows:
Default
Tab
Tab menu open position
Customization of Tab menu open position in the header section is as follows:
Inner
Outer
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 text
Without text
Search icon
Customization of Search icon in the header section is as follows:
With text
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.
Last updated