Open Store Free
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket

Kalles WordPress Theme

home/Documentation/Kalles WordPress Theme
Popular Search:Import demo, Update theme, Custom color
  • 2. CHANGELOGS
  • 3. INSTALLATION
    • How to import demo data?
    • Install theme
    • Installing Required and Recommended Plugins
    • System Requirement
  • 4. UPDATE THEME
    • How to update the plugins that came with the theme
    • How to update the theme?
  • 5. SHOP PAGE
    • How to add the content for filter on mobile device
    • Sub Categories
    • Top Categories Menu
  • 6. PRODUCT PAGE
    • Brand page
    • Buy more save move feature
    • Complete The Look
    • Dynamic checkout buttons
    • External/Affiliate Product
    • Frequently Bought Together
    • Grouped Product
    • Other product swatch types
    • Product 360 viewer
    • Product Swatches Color
    • Product Swatches Gallery
    • Product Swatches Images
    • Product Upsell Features
  • 7. THEME OPTIONS
    • Blog
    • Cart & Checkout
    • Categories page
    • Color Scheme
    • Custom 404 page
    • Custom CSS JS
    • Footer settings
    • General Settings
    • Header
    • Maintenance Mode
    • Popup
    • Portfolio
    • Product Page Configuring
    • Social Network
    • Typography
    • WooCommerce General
  • 8. ELEMENT SECTIONS
    • Banner
    • Banner carousel
    • Banner Custom
    • Banner Packery
    • Blog
    • Categories List
    • Deal of the day
    • Featured Product
    • Heading
    • Icon and Text
    • Instagram shop
    • Kalles Newsletter
    • Links list
    • MailChimp
    • Member
    • Portfolio
    • Product
    • Product Tabs
    • Products
    • Testimonial Carousel
  • 9. FEATURES
    • Ajax Login, Google Capcha Verify
    • Myshopkit Configuration
    • New Filter Layout
    • Popup Login
    • Portfolio
    • Price Range Slider Filter
    • Social Login
    • Store Location page
    • White Label
  • 10. THEME FAQs
    • Currency
    • How to Build a Mega Menu?
    • Why and how to install the child theme?

Header

665 views 0 December 21, 2021 Updated on January 21, 2022 Sarah

Please go to The4 Dashboard > Theme Options > Header Option > General Settings to configure the settings for the header.

1. Layout Settings

1.1. Header Layouts

There are totally 14 header designs. Let watch this video to know more.

1.2. Icon style

There are 3 styles for the icon: Lineawesome Icon, Pe 7 Stroke Icon, Kalles Icon.

1.3. Enable Header Sticky

Allows you to enable/disable sticky header option when you scroll both up and down

Result:

1.4. Enable Header Transparent

You can enable this option to see the Header Transparent

Result:

1.5. Enable Header Boxed

You can enable this option to see the Header Boxed

Result:

1.6. Enable Menu Item Uppercase

Set your menu item’s case to uppercase.

Result:

1.7. Enable menu item arrow

Displaying the arrow to the right of the menu item.

Result:

2. Logo Settings

2.1. Upload logo header

There are 3 options to upload logo:

  • Logo option: The logo uploaded will show on the header.
  • Logo Retina: The logo uploaded will show on high resolution screen devices.
  • Sticky Header Logo: The logo you uploaded will show on the header sticky.

2.2. Setup Width for Logo image

You can configure the width of the Logo image in this option

3. Header Top Settings

3.1. Enable Header Top

You can turn On/ Off this button to Enable/ Disable the Header Top.
Result:

3.2. Content Header Top

There are 3 fields to add content to the header top: Left header content, Center promo text, Right header content. You can see on this video below.

3.5. Currency Convert

You can turn On/ Off the button below to Enable/ Disable the Currency convert.
Result:
Note: You can add or remove a currency by going to The4 Dashboard > Currencies.

4. Main Header Settings

  • Enable/ Disable the Search and My Account icons on the Header.
Result:
  • Enable search full screen

Result:

Was this helpful?

Yes  1 No
Copyright 2021 the4.co. All Rights Reserved.
Popular Search:Import demo, Update theme, Custom color