Kalium Documentation
HomeAccountPricingChangelog
  • Getting Started
    • Introduction
      • Before Getting Started
        • Hosting and Domain
        • WordPress Installation
        • Server Requirements
      • How To Purchase Kalium
    • Installation
      • Installing theme via WordPress
      • Installing theme via FTP
      • License Activation
      • Importing a Starter Site
      • Installing Required Plugins
      • Child Theme
      • Updating Kalium
    • License
      • Managing Licenses
      • Activation Scope
      • Prorating Plan Updates
    • Dashboard
    • Customizer
    • Migrating from Kalium 3 to 4
      • Migrating Automatically
      • Migrating Manually
  • General
    • Header
      • Layouts
      • Custom Header
        • Elements
      • Styling
      • Top Bar
      • Sticky Header
      • Mobile Menu
      • Other Options
      • In Page Options
    • Footer
      • Adding/Editing Content
      • Styling
    • Sidebars
      • Troubleshooting Sidebar
  • Post Types
    • Blog
      • Blog Page
      • Post Page
      • Creating a Blog Page
      • Creating a Blog Post
    • Portfolio
      • Portfolio Page
      • Project Page
      • Creating a Portfolio Page
      • Creating a Portfolio Item
        • Side Portfolio
        • Columned
        • Carousel
        • Zig Zag
        • Fullscreen
        • Lightbox
        • Design Your Own
    • WooCommerce
      • General Settings
        • Mini Cart
        • Free Shipping Bar
        • Product Badges
      • Product Catalog
        • Product Card
      • Product Page
      • Product Images
      • Cart & Checkout
      • My Account
      • Store Notice
    • Search Results
  • Typography
    • Fonts
      • How to Add a Font
        • Adding Adobe Fonts
        • Adding Self-Hosted Fonts
        • Adding External Fonts
      • Custom Selectors
      • Advanced Settings
    • Font Sizes
    • Typography Settings
  • Styling
    • Brand and Logo
    • Colors
    • Buttons
    • Forms
    • Layout
    • Link Styles
    • Site Frame
  • Translation
    • Translation introduction
    • Translating with WPML
    • Translating with Loco Translate
    • Translating with Poedit
    • Adding a Language Switcher
    • RTL Languages
  • Other
    • Social Icons
    • Image Placeholder
    • Breadcrumbs
    • Scroll to Top
    • Maintenance Mode
    • Lightbox
    • Custom CSS
  • Troubleshooting
    • Manage Options in Customizer
    • Bad Hosting Environment
Powered by GitBook
On this page
  • Structure of Header
  • Logo Placement
  1. General

Header

PreviousMigrating ManuallyNextLayouts

Last updated 8 months ago

The header is a versatile and integral part Kalium, offering a range of customization options to suit any design preference. It serves as the primary navigation and branding area, and with its extensive layout possibilities, you can create a header that complements your site’s overall aesthetics.

This flexible structure allows you to create a header that seamlessly integrates with your site’s design and enhances its functionality.

To customize the header go to Appearance -> Customize -> Header

You can choose between pre-defined header types (or layouts): Standard, Fullscreen, Off-Canvas Side, Off-Canvas Top or build your own layout with Custom header type. The upcoming sections will guide you through the process of creating each header type.

Structure of Header

The header can be organized into three distinct rows, each serving a unique purpose:

  • Top Row (Top Bar)

  • Main Row

  • Bottom Row

Each row can be customized to align with your design preferences.

Logo Placement

The logo is placed in the main row of the header, with a default alignment to the left (or right for RTL sites).

It will appear as configured in your settings under .

Appearance -> Customize -> Styling -> Brand
Available header types