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

0 results

Delve into the configuration tutorials and alignment guides below to arrange your layout elements, style navigation menus, and optimize mobile display zones.

Preventing the Theme Transparent Header from Overlapping Page Content
When 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…
Read more: Preventing the Theme Transparent Header from Overlapping Page Content
Social Media Icons in the Header
To 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…
Read more: Social Media Icons in the Header
Working with the Sticky Header
To 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…
Read more: Working with the Sticky Header