Piano Shopify | Documentation
Live chat with our Shopify expert.Submit a Ticket
  • Webibazaar Support
  • Piano Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Quick view
  • Sections
    • Collection list
    • Scrolling bar
    • Image with text
    • Featured collection
    • Text with icons
    • Featured product
    • Lookbook
    • Logo list
    • Video
    • Testimonials
    • Blog posts
    • Multistore
    • Social media gallery
    • Newsletter
    • Slideshow
    • Multicolumn
    • Image banner
    • Collapsible content
    • Contact form
    • Rich text
    • Image comparison
    • Spacer
    • Offer banner
    • Countdown date in product card
  • Footer
  • Age verification popup
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Theme rounded
    • Cards
      • Label metafield [Badges]
    • Color swatches
    • Social media
    • Default search
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Product page
    • Short description
    • Product desciption
    • Product detail
    • Countdown timer
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  • 1. Menu bottom logo left
  • 2. Menu left logo center
  1. Header

Header section

PreviousAnnouncement barNextMega menu

Last updated 5 months ago

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:

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

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.

Live Chat Support | Webibazaar Template
Logo