Hide the Header on One Page in Kadence Free tutorial featured image

How to Hide the Header on Specific Pages in Kadence (Free)

Sometimes a page just works better without your site’s header and navigation menu cluttering the top. Landing pages, sales pages, “Link in Bio” pages – they all benefit from a clean, distraction-free layout. And Kadence makes it surprisingly easy to hide the header on one page without touching a single line of code.

The toggle is buried in a panel that most beginners never open. But once you know where it is, you can strip the header off any page in about 5 seconds. Here’s exactly how.

How Do I Disable the Header on a Single Page?

This is a one-page, one-toggle fix. It won’t affect any other page on your site.

  1. Open the page in the WordPress block editor.
  2. Click the Page Settings icon in the top-right toolbar – it looks like a small page with a pencil.
  3. Scroll down to the bottom of the panel.
  4. Find “Disable Header” and toggle it to On.
  5. Click Update (or Publish if it’s a new page).

That’s it. The entire header – logo, navigation menu, everything – disappears from this page on the front end. Your other pages stay exactly the same.

Kadence Page Settings panel showing the Disable Header toggle enabled

I use this on every landing page I build. When someone arrives from an ad or an email link, I don’t want them clicking away to my blog or About page. I want them focused on the one action the page is designed for.

Here’s what the front end looks like with the header turned off – no top bar, no logo, no menu. The page starts straight at your content:

Front-end Kadence page with the header hidden, content starts at the hero image

Compare that to a normal page with the full Kadence header on top. The toggle gives you back about 80px of vertical space and removes every navigation link that could pull a visitor away.

Can You Hide the Footer Too?

Yes – and it’s in the same panel. Right next to the “Disable Header” toggle, you’ll see a “Disable Footer” option. Toggle that on, and the footer disappears too.

Combining both gives you a completely blank canvas. No header, no footer, no navigation – just your content and nothing else. If you’re also seeing white space between your Kadence blocks, that’s a separate spacing issue worth fixing on these clean layouts. This blank canvas setup is exactly what you need for:

  • Sales pages where every click should go to the buy button
  • Coming soon pages during a site launch
  • Squeeze pages collecting email signups
Kadence Page Settings with both Disable Header and Disable Footer turned on

You don’t need a page builder like Elementor or a “Canvas” template for this. Kadence gives you the same result with 2 toggles that are already built into the free theme.

Does This Work on Posts Too?

Yes. The same Page Settings panel shows up on posts, pages, and most custom post types. So if you have a special announcement post or a sponsored post with a custom layout, you can disable the header on that single post without affecting the rest of your blog.

I’ve used this on 2 or 3 posts where I wanted a unique look – like a long-form guide with its own navigation built into the content. Removing the site header made the page feel more like a standalone resource than a regular blog post.

Don’t Forget Your H1

Here’s the one thing that trips people up. When you disable the header in Kadence, the page title might also disappear. That page title is usually your only H1 tag – the heading that tells Google what the page is about.

A page without an H1 is invisible to search engines in a meaningful way. Google’s own documentation recommends exactly one H1 per page for clear content structure.

The fix takes 10 seconds:

  1. Edit the page in the block editor.
  2. Add a Heading block near the top of your content.
  3. Make sure it’s set to H1 (not H2 or H3).
  4. Type a descriptive title that includes your target keyword.

This H1 doesn’t have to match the page title you disabled. In fact, you can write it specifically for SEO – longer, more keyword-rich, better optimized than a generic “Landing Page” title ever would be.

I cover this H1 issue in much more detail in my guide on how to remove the page title in Kadence. It’s the number one mistake beginners make when hiding any part of their header or title area.

How Do I Remove the Header on a Specific Page in WordPress?

If you’re not using Kadence, this gets harder. Most WordPress themes don’t have a built-in “Disable Header” toggle. The usual workarounds are:

  • CSS hack: Add .page-id-42 .site-header { display: none; } to Additional CSS (fragile, breaks with theme updates)
  • Page builder templates: Elementor has a “Canvas” template, but that requires Elementor
  • Header/footer plugins: Plugins like “Hide Header and Footer on Pages” exist, but that’s another plugin to maintain

Kadence’s approach is the cleanest I’ve found. One toggle per page, built into the theme, no code, no extra plugins. It’s one of the reasons I recommend Kadence for landing pages and sales funnels – the distraction-free setup is already there. And if you want to change your sidebar layout on these pages too, Kadence gives you per-page control over that as well.

If you’re also dealing with your menu overlapping your logo on smaller screens, fixing the mobile breakpoint is a separate 10-second fix in the Customizer.

Free vs. Pro – Do You Need to Upgrade?

For hiding the header, absolutely not. The “Disable Header” and “Disable Footer” toggles are 100% free in Kadence.

Kadence Pro does add one related feature worth knowing about: Conditional Headers. Instead of hiding the header entirely, Conditional Headers let you swap in a different header design based on the page type or user role. For example, you could show a simplified header on landing pages and a full navigation header everywhere else.

But that’s a different use case. If you just want the header gone on specific pages, the free toggle does exactly that. Don’t spend money on a problem that’s already solved.

5 Use Cases for Headerless Pages

Here are the pages where hiding the header makes the biggest difference:

1. Link in Bio page. Create a page at yoursite.com/links, disable the header and footer, and stack button links vertically. I wrote a full tutorial on how to build a free Linktree alternative in WordPress – the header toggle is the first step.

2. Landing pages for ads. When you’re paying for traffic from Google or Facebook ads, every navigation link is a potential leak. Removing the header keeps visitors focused on your call-to-action button instead of wandering off to your blog.

3. Sales pages for digital products. Long-form sales pages work best when there’s nothing to click except the buy button. No menu, no footer links, no distractions.

4. Coming soon or maintenance pages. While you’re building your site, a clean page with just your logo and an email signup form looks far more professional than a half-built homepage with a full navigation menu.

5. Email opt-in squeeze pages. Similar to landing pages, but specifically designed to collect email addresses. One headline, one form, one button – the header just gets in the way.

What About Transparent Headers?

Hiding the header and making it transparent are two different things. A transparent header keeps the navigation visible but removes the background color, letting your hero image show through. The menu is still there – it just blends into the page design.

You can control this per page too. In the same Page Settings panel, there’s a “Transparent Header” dropdown. Change it from “Default” to “Disable” to turn off the transparent effect on a specific page, or “Enable” to force it on.

Use a transparent header when you want navigation but a cleaner look. Use “Disable Header” when you want the navigation gone entirely.

Frequently Asked Questions

Can you hide the menu on a WordPress landing page?

Yes. In Kadence, open your landing page in the block editor, click the Page Settings icon (top right), and toggle “Disable Header” to On. This removes the entire header – logo, menu, everything – from that one page. No code needed, and it’s free.

How do I use a blank canvas in Kadence?

Toggle both “Disable Header” and “Disable Footer” in the Page Settings panel. This gives you a completely blank page with just your content – no navigation, no footer widgets, no site branding. I use this for landing pages, sales pages, and Link in Bio pages.

Do I need Kadence Pro to hide the header?

No. The “Disable Header” toggle works in the free version of Kadence. Kadence Pro adds Conditional Headers (swapping different header designs by page type), but for simply hiding the header on specific pages, the free theme handles it perfectly.

Will hiding the header hurt my SEO?

Only if you forget to add an H1. When the header is disabled, the page title (which is your H1) might disappear too. Add an H1 Heading block manually in your page content with your target keyword. That takes 10 seconds and keeps your SEO intact.

Does disabling the header affect my other pages?

No. The “Disable Header” toggle only affects the single page where you enable it. Every other page on your site keeps its normal header and navigation. You can toggle it on or off per page without any site-wide impact.

Can I have a different header for just one page?

In the free version, your options are showing the full header, hiding it completely, or switching to a transparent header on a per-page basis. For a completely custom header design on just one page, you’d need Kadence Pro’s Conditional Headers feature.

How do I hide the header using CSS if the toggle doesn’t work?

If a plugin is interfering with Kadence’s toggle, you can add .page-id-12 .site-header { display: none; } to your Additional CSS in the Customizer. Replace 12 with your actual page ID. But I’d try deactivating plugins first – the toggle should work on its own.

Wrapping Up

Hiding the header on specific Kadence pages is one of those features that’s incredibly useful once you know it exists. And most beginners never find it because it’s tucked inside the Page Settings panel instead of the Customizer.

Here’s my quick workflow for headerless landing pages:

  1. Open the page and click the Page Settings icon (top right).
  2. Toggle Disable Header to On.
  3. Toggle Disable Footer to On (optional, but I usually do).
  4. Add an H1 Heading block at the top of your content for SEO.
  5. Click Update and preview the page.

The whole process takes under a minute. No CSS, no plugins, no page builder required – just Kadence’s built-in toggles doing exactly what you need.

Similar Posts