Cello Documentation
Submit a TicketLive Chat
  • Webibazaar Support
  • Cello Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Sections
    • Custom Liquid
    • Page
    • Map
    • Lookbook
    • Slideshow
    • Logo list
    • Collection list
    • Scrolling bar
    • Featured collection
    • Multicolumn
    • Featured product
    • Video
    • Sponsored product
    • Testimonials
    • Blog posts
    • Text with icons
    • Image banner
    • Image with text
    • Counter
    • Rich text
    • Multirow
    • Collapsible content
    • Contact form
    • Custom text
    • Newsletter
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Content containers
    • Background radius
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Setting the Complementary products(Metafield)
    • Quick order list
    • Product tab
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • 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 2.0.3
    • Version 2.0.2
    • Version 2.0.1
    • Version 2.0.0
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  • 1. Logo left, menu center
  • 2. Logo left, menu bottom
  • 3. Logo center, menu bottom
  1. Header

Header section

PreviousAnnouncement barNextMega menu

Last updated 9 months ago

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.

Live Chat Support | Webibazaar Template
Logo