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:

SettingDescription

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.

Last updated