Kadence Theme Header
The Header Builder in the Kadence Theme is a revolutionary drag-and-drop tool that allows you to create complex, multi-layered site navigation without writing a single line of code. It provides three distinct rows—Top, Main, and Bottom—where you can place various elements to ensure your site’s most important links and information are easily accessible. This level of flexibility is essential for creating a professional first impression and guiding users through your website effectively.
The builder offers a wide range of both free and premium elements, including Navigation Menus, Site Logos, Search Bars, and Social Icons. For e-commerce sites, you can easily integrate a WooCommerce Mini Cart, while advanced users can enable Header Addons via Kadence Theme Kit Pro to add Contact Information or a Toggle Open Menu for a modern hamburger-style desktop experience. Additionally, the theme provides sophisticated controls for Sticky Headers and Transparent Headers, including specific settings to prevent overlapping content. Each row within the header can be further customized with unique backgrounds, heights, and layouts, ensuring your navigation perfectly matches your brand’s aesthetic.
Kadence Theme Header articles
This collection provides detailed guides on using the Header Builder, configuring sticky and transparent headers, and adding specialized items like mini carts and contact info.
Customizing the Classic Header Navigation Colors (Default Header, Transparent Header, Sticky Header)
Read more: Customizing the Classic Header Navigation Colors (Default Header, Transparent Header, Sticky Header)When using the Kadence Theme Classic Header in the WordPress Customizer, you have several options for setting Navigation Colors. You can customize the default navigation colors, the transparent header navigation colors, and the sticky header navigation colors. Learn more about how to customize these settings using the header options below. Default Header The Kadence Theme Classic…
Customizing the Mobile Navigation Area
Read more: Customizing the Mobile Navigation AreaKadence creates two separate and distinct headers for your site: one for Desktop and one for Tablet/Mobile. In this guide, we’ll show you how to access and customize the Tablet/Mobile navigation area. Navigate to Headers in the Customizer From the WP Admin menu, go to Appearance → Customizer and click on Header. From here, click…
Customizing the Topbar
Read more: Customizing the TopbarFrom the customizer, open the Header tab and from there you can drag and drop elements into your topbar. You can customize the layout, height, and design of your topbar by clicking on the Settings icon beside the Top Row tab as shown here: All of these settings can be individualized for tablet and mobile…
Edit Dropdown Menu Styling
Read more: Edit Dropdown Menu StylingWithin Kadence you can control the dropdown menu background and font styles from within the customizer. Start by going to appearance > customize. Then click “header” under the header settings you will see one of your navigation areas. For example: “primary navigation”. Click on that then in that section at the bottom you can see…
Editing a Row in the Header
Read more: Editing a Row in the HeaderEach row in the Kadence Theme header can be edited with custom settings. For example, you can set a custom background or specific row minimum height. You can access these settings by clicking on the settings toggle beside the row name in the editor. Layout There are three options for the header row layout: Standard,…
Header Addons
Read more: Header AddonsHeader Addons is one of the features that you can add in Kadence by installing, activating, and licensing the Kadence Theme Kit Pro plugin. To use the header addons, click on the Customize link under Header Addons or visit the WordPress Customizer via the admin menu link under Appearance or the WP toolbar link on…
How to Add a Mini Cart to the Site Header
Read more: How to Add a Mini Cart to the Site HeaderWhen WooCommerce is installed and active in your Kadence-powered WordPress site, you can easily add a functional mini cart in your site’s header. This feature is available in the free Kadence theme and does not require Kadence Theme Kit Pro. However, with Kadence Theme Kit Pro, you can also add a free shipping notice to…
How to add a toggle open menu for desktop
Read more: How to add a toggle open menu for desktopOne of the features of Kadence Pro is the Toggle Widget Area header builder item using which a hamburger menu icon can be set to slide open an Off Canvas widget area. Any number of widgets including a Navigation Menu can be added inside this widget area. Here is a quick demo of Toggle Widget…