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.
How to Add and Edit WordPress Menus
Read more: How to Add and Edit WordPress MenusWordPress allows you to build and manage multiple menus for your site. Using the Kadence Theme Header, you can add up to four menus on the desktop header and two on mobile. The WordPress menu system gives you complete control over how your site’s navigation appears, allowing you to create menus, add various links, rearrange…
How to add contact information
Read more: How to add contact informationThis article explains how Contact Information can be added in the Kadence theme’s Header Builder. To get started, make sure you have entered your license details at Appearance > Kadence first and then enable Header Addons. Click on Customize link under Header Addons or visit the WordPress Customizer via the admin menu link under Appearance or…
How to Customize the Kadence Header
Read more: How to Customize the Kadence HeaderWith the Kadence Theme, you have full control over building a custom Header using the Theme Header Builder. Simply drag and drop different Kadence Header Items into various sections of your header and use the available general and design settings to reach your desired design goals. Kadence provides a range of free and premium Header…
How to Use a Transparent Header
Read more: How to Use a Transparent HeaderTo set up a transparent header with just a few clicks, follow the steps below. Go to the WordPress Customizer, either at Appearance > Customize from the wp-admin menu or by clicking Customize in the wp-admin bar on the front end of your WordPress site. Next, go to the Customizer Header section. Scroll down and…
Kadence Classic Header Items
Read more: Kadence Classic Header ItemsThe Kadence Theme includes the classic header builder, which includes many free header items to help you create a beautifully designed header. When paired with Theme Kit Pro, you unlock even more powerful header items to elevate your design. This guide will walk through both the free and premium header items available in the Classic…
Preventing the Theme Transparent Header from Overlapping Page Content
Read more: Preventing the Theme Transparent Header from Overlapping Page ContentWhen you’re using a Transparent Header in the Kadence Theme, you might run into a case where the content on your page, like text or images, may be hidden behind the header. This usually happens when the top-level block on your page doesn’t have enough space above it to compensate for the header’s height. This…
Social Media Icons in the Header
Read more: Social Media Icons in the HeaderTo add your social network links, navigate to General > Social Links from the customizer. Next you can add social links to your header and footer. You can customize the links by clicking on the Settings icon, as shown here: From there, you can customize the styling of your icons and choose whether or not…
Working with the Sticky Header
Read more: Working with the Sticky HeaderTo set up your sticky header, navigate to Customize > Header > Sticky Header. Next, select which elements you would like to be sticky from the dropdown. You can then choose to have your sticky header shrink when scrolled, and you can also upload a different logo for the sticky header. All of these settings…