Header

How to customize header in your store?

The header's appearance

Section settings

Settings
Description

Page width

  • Boxed: With boxed width, page content can be displayed within the maximum width. The page width can be changed in Theme Settings > Layout.

  • Full width: With the "Full width" option, page content can be displayed in its entirety full-width. When you show content at full width, you can add padding to the left and right sides.

Enable horizontal space

It will work if you select the "Full width" of the page. When you enable this option, the padding on the left and right sides will be removed.

Logo image

This main logo of your website

Custom logo width

Your logo can have a custom width. The range can be between 50 and 250 pixels.

Desktop logo position

Logo & menu in 1 line

  • Logo left

  • Logo center

  • Logo center, drawer menu

Logo & menu in 2 lines

  • Logo left

  • Logo center

Border

Hide on home page only

-> You can enable/disable a border with the header ( It works, when enabled header design "Logo and menu in 2 lines" )

Header design ( Desktop logo position )

Settings
Description

Enable

You can enable/disable the sticky header

Background color

There is an option to change the sticky header background color.

Text color

There is an option to change the sticky header text color.

Transparent Header

Step 1


Settings
Description

Enable

You can enable/disable the sticky header

Text color

There is an option to change the transparent header text color.

Background color on hover

There is an option to change the header background color on hover

Step 2


  • You need to allow the transparent header for the specific section

Vertical menu

Vertical menu

Contact info

Desktop drawer menu

Required to select "Desktop logo position": Logo center, drawer menu

It will work if the menu bar and logo are 2 lines

Information type

  • Browsing history

  • Link

  • None

Only applicable for the menu bar and logo are 2 lines.

Settings
Description

Menu alignment

  • Left: You can align the menu's left menu.

  • Right: You can align the menu's right menu.

  • Center: You can align the menu's center menu.

Cart settings

  • Show cart icon (You can show/hide the cart icon)

Cart icon type

  • Bag

  • Cart

  • Basket

Cart

Search settings

Search type

  • Show icon

  • Show search box (Only applicable for Logo and menu in 2 lines header design)

  • hide

When the Logo and menu are in 2 lines header design

Customer Account settings

How to enable a customer account?

Mobile Settings

Color settings

Last updated