Header section

There are three navigation menu arrangement types in the Cello theme’s header section.

1. Logo left, menu center

2. Logo left, menu bottom

3. Logo center, menu bottom

The header customizations are as follows:

Setting
Description

Make section full width

By enabling this checkbox, you can make section in full width.

Desktop logo position

Customization of logo position in the header section is as follows:

  • Logo left, menu center

  • Logo center, menu left

  • Logo left, menu bottom

  • Logo center, menu bottom

Menu link font size

Use this option to change menu link font size. You can set a minimum of “0px” and a maximum of “20px”.

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

  • Scheme 5

Account

Customization of account icon and text in the header section is as follows:

  • Account icon

  • Account icon with text

Menu

Menu

Click on "Select menu" to add a menu in the header section.

Desktop menu type

Customization of desktop menu type in the header section is as follows:

  • Dropdown

  • Mega menu

  • Drawer

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

  • Scheme 5

Menu dropdown and drawer 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

  • Scheme 5

Menu alignment

This feature will only work when 'Logo left menu bottom' option selected.

Desktop menu type

In this feature select menu type in desktop.

Sticky header

Customization of Sticky header in the header section is as follows:

  • None

  • Always

  • Always, reduce logo size

Enable transparent header on home page

Enable this checkbox, you can see transparent header on home page.

Text and icons

Use this option to change Text and icons color.

Enable transparent header overlay

Enable this checkbox, you can see transparent header overlay.

Enable header separator

Enable this checkbox, you can see header separator line.

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.

Enable country and language selector background

By enabling this checkbox, you can see country and language selector background.

Last updated