Sitar Documentation
Live chatSubmit a Ticket
  • Webibazaar Support
  • Sitar Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Lookbook
    • Social media gallery
    • Image with product
    • Countdown timer
    • Collection name
    • Slideshow
    • Collection list
    • Image with text
    • Featured collection
    • Video
    • Logo list
    • Multicolumn
    • Featured product
    • Image banner
    • Collection tabs
    • Scrolling bar
    • Product banner
    • Testimonials
    • Text with icons
    • Blog posts
    • Collapsible content
    • Counter
    • Contact form
    • Rich text
    • Custom text
    • Newsletter
    • Hero banner
  • Footer
  • Age verification popup
  • Theme Settings
    • Corner radius
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Badges
    • Breadcrumb
    • Social media
    • Product card review
    • Search behavior
    • Currency format
    • Cart
    • Theme style
    • Checkout
    • Custom CSS
  • Product page
    • Countdown timer
    • Quick order list
  • 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 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. Logo left, menu bottom
  • 2. Logo center, menu left
  • 3. Logo center, menu bottom
  1. Header

Header section

PreviousAnnouncement barNextMega menu

Last updated 11 months ago

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

1. Logo left, menu bottom

2. Logo center, menu left

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 desktop logo position in the header section is as follows:

  • Top left

  • Middle left

  • Middle center

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

Transparent header on desktop

Enable transparent header on home page By enabling this checkbox, you can Enable transparent header on home page. Enable transparent header container background By enabling this checkbox, you can Enable transparent header container background on home page.

Show bottom border

By enabling this checkbox, you can show bottom border.

icon width

Use this option to change Search/account/cart icon width. You can set a minimum of “18px” and a maximum of “26px”.

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

  • Scheme 5

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

  • Scheme 5

Sticky header

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

  • None

  • On scroll up

  • 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

  • Scheme 5

Header shadow

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

  • On all page

  • On all page except home page

Text with icon

Show text with icon By enabling this checkbox, you can Show text with icon.

Show background

By enabling this checkbox, you can Show background. Icon

In the section, the icons are given to select. are for selecting:

  • None

  • Best Price

  • Return

  • Quality

  • Box

  • Shipping

  • 24/7 Service

  • Offer

  • Support

  • Truck

  • Dollar sign

  • Gift

  • Color User

  • Color Payment

  • Color gift

  • Color shipping

  • Deal

  • Return policy

  • Payment

  • 24/7

Icon width

Use this option to change icon width. You can set a minimum of “12px” and a maximum of “30px”.

Heading Enter text to display as a title in the section. Text Input the text to be displayed in this section. Additionally, you can add the contact number for customer support Link Utilize the 'Link' option to insert a hyperlink into the section.

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.

Spacing

Bottom margin You can adjust the range of the bottom margin to increase or decrease the bottom spacing as needed.

Section padding

Top padding You can adjust the range of the top padding to increase or decrease section padding as needed.

Bottom padding You can adjust the range of the bottom padding to increase or decrease section padding as needed.

Live Chat Support | Webibazaar Template
Logo