Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • SupportExpand
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Account
Get Kadence
Kadence Theme
  • Features
  • Pro
  • Starter Templates
  • HelpExpand
    • Documentation
    • Facebook Group
    • Submit a Ticket
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Theme

Kadence Theme

  • Create a Full Screen Landing Page

Getting Started

  • Theme Installation
  • Getting Started with a Classic Starter Template

Customize Settings

  • How to customize the Kadence Footer
  • Responsive Breakpoints in Kadence
  • How to Import, Export, and Reset Kadence Theme Customizer Settings Using Starter Templates Plugin
  • How to use the Kadence Theme Color Palette
  • Typography and setting font sizes for different devices
  • How to setup Page/Post settings
  • How to Add a Sidebar
  • Sticky Sidebars
  • How to style Buttons
  • How to add Scroll To Top

Header

  • How to Customize the Kadence Header
  • Customizing the Mobile Navigation Area
  • How to Use a Transparent Header
  • Customizing the Topbar
  • Navigation Colors (Transparent Header, Sticky Header)
  • Edit Dropdown Menu Styling
  • Working with the Sticky Header
  • Social Media Icons in the Header
  • Editing a Row in the Header

General WordPress

  • Set Site Favicon
  • How do I add Custom CSS
  • Adding Google Analytics
  • How to backup my site?
  • How to add a Custom Post Type
  • Fix: Page Not Updating
  • How to Find the Page or Post ID
  • How to prevent spam comments
  • How do I turn off comments?
  • How to Remove All Spam Comments

Troubleshooting

  • Troubleshooting the “Update Failed: Service Unavailable” error when updating Pro Kadence WP plugins
  • How to Enable the WordPress Error Logs
  • WordPress Error “Incompatible Archive”
  • Temporarily deactivating plugins
  • How to View Console Log Errors
  • Clearing Your Website Cache
  • How to preview the mobile version of your site on Desktop
  • Getting 500 error
  • Broken Styles after version 1.1.15

Advanced

  • Common Code Snippets for Kadence Users
  • How to translate using LocoTranslate
  • How to hook elements inside of post or page content
  • What Is a Child Theme, Should I install one, if so How?
  • How to add a custom filter or function with Code Snippets
  • Adding Custom Fonts to Kadence
  • How to make a custom 404 page
  • How to change a theme icon to something custom
  • Change any text on your site
  • Changing Various Heading HTML Tags
  • Adding Google Tag Manager with a child theme or code snippet plugin
  • Replace Author HTML (Multiple Author Support)
  • Theme hooks

Pro Addon

  • Kadence Maintenance Mode
  • WooCommerce Addons
  • How to Display Custom Post Types with Kadence Elements Templates and the Post/Grid Carousel
  • How to use conditional header
  • Theme hooks
  • Kadence Theme Pro Plugin
  • Header Addons
  • How to create a Mega (multicolumn menu)
  • How to add contact information
  • How to add a toggle open menu for desktop
  • How to use the Color Palette Switch (Dark Mode)
  • How to add a login and account Menu
  • Kadence Custom Fonts
  • How to add scripts in header/footer
  • How to open the side cart when a product is added to cart
  • How to use Element Hooks

Kadence Elements

  • What is Kadence Elements?
  • Installing Kadence Elements
  • The Four Types of Kadence Elements
  • Switching between different Kadence Elements Types
  • Showing/Hiding Kadence Elements Settings
  • How to Create a Kadence Elements Content Section
  • Creating a Template Element
  • What goes into an element?
  • How to Replace the Footer Using a Kadence Element
  • How to Use an Element to Replace the Archive Loop Item Content
  • How to Design a Post Grid/Carousel using a Kadence Element

Woocommerce

  • How to Add Image Switch on Hover for Product Archives
  • How to Add a Mini Cart to the Site Header
  • How to Change the WooCommerce Product Loop Title Tags
  • Home
  • Knowledge Base
  • Kadence Theme
  • Kadence Theme
  • Pro Addon

How to use conditional header

The premium Kadence Theme allows you to set conditional headers throughout your site. For example, you can have a transparent header on your front page but a sticky one on all your post pages. The ability to set unique headers for specific pages gives you the power to show your audience more relevant information.

Enable Conditional Header

Kadence disables conditional headers by default. To enable the feature, navigate to Appearance > Kadence in your admin dashboard. Under the Pro Addons section, engage the switch to active the Conditional Headers feature.

Kadence enable Conditional Headers
Kadence enable Conditional Headers

Create a Conditional Header

After you have enabled Conditional Headers, you can create an additional header inside your Customizer. While inside the admin dashboard, navigate to Appearance > Customizer > Header > Conditional Header. Inside the Customizer menu, you can change the Current Preview Header, view your additional headers, enable or disable them as necessary, and add more headers.

Conditional Headers Menu
Conditional Headers Menu

When you add a new header, you have the option to Start Basic, Copy Default, or Import an existing header. The default Extra Header provided is an example of the Start Basic option. If you select Copy Default, your new header will look the same as the default header at the creation time.

Add Header
Add Header

Header Preview

You can view any header you have created by selecting the Current Preview. The Customizer will let you know what header you preview in the Header General section. While previewing your header, you can make any alterations you want and publish your changes.

Current Previewing Header
Current Previewing Header
Previewing Header
Previewing Header

Conditional Settings

A new header will not show until you set conditions to meet. Kadence provides a few different conditional options that you can arrange for additional headers.

Display Settings

The Display Settings lets you set where Kadence will display the header. For example, you can select the Entire Site, Front Page, Blog Page, and many others. You can also add rules to display the header on the Front and Blog Page if you decide. While in the Display Settings, you can also choose what pages to exclude the header from. This setting allows you to provide multiple conditions where Kadence can display your header.

Conditional Headers Display Settings
Conditional Headers Display Settings

User Settings

User Settings will also let you know what users can view in the header. The User Settings allow you to select All Users, Logged In Users, Logged Out Users, or a specific user role. Similar to the Display settings, you can add additional rules or choose users from which the header hides.

Custom Header User Settings
Custom Header User Settings

Expires Settings

Another feature of conditional headers is the ability to set an expiration. When you click the Expires Settings menu, the Customizer displays a calendar to select a date and time the header will expire. After a header expires, it will no longer display on the front end of your site. There is also a reset link to help you reset the expiration time.

Expire Settings on Conditional Header
Expire Settings on Conditional Header
How to Display Custom Post Types with Kadence Elements Templates and the Post/Grid CarouselTheme hooks
  • Pricing
  • Products
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • Support
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Login
  • Features
  • Pro
  • Starter Templates
  • HelpExpand
    • Documentation
    • Facebook Group
    • Submit a Ticket
    • Feature Requests
    • Roadmap
    • Changelog