Kadence Theme Header
The Kadence Theme Header Builder provides you with a powerful, drag-and-drop interface to create custom navigation areas for your WordPress site. Instead of adjusting rigid menus or writing complex code to position your logo, you can use a multi-tier grid layout to organize your visual elements precisely. This flexible builder ensures you can present a clean, accessible navigation pathway for your users, helping them discover your content effortlessly across all device types.
The header customizer allows you to control and style multiple display layers, including top, main, and bottom rows, each with its own background settings and structural constraints. Within these zones, you can easily place interactive elements such as social media icons, search bars, call-to-action buttons, and cart widgets. Additionally, you can configure responsive mobile behaviors, adjust transparent overlays for landing pages, and activate sticky scrolling options to keep your navigation fixed at the top of the screen. Review the following design guides to master element placements, customize responsive menus, and refine your global layouts.
Kadence Theme Header articles
Delve into the configuration tutorials and alignment guides below to arrange your layout elements, style navigation menus, and optimize mobile display zones.
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 login and account Menu
Read more: How to add a login and account MenuLogin and Account menu options are a part of Kadence Theme Kit Pro. To add these to your Kadence site’s header, enable Header Addons in your Kadence dashboard at Appearance > Kadence. To add Login and Account items to your site’s header head over to the WordPress Customizer at Appearance > Customize. Click on the…
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…