How to Disable the Header in Beaver Builder

Beaver Builder gives you serious control over your WordPress page layouts — but the header is one of those elements that doesn't always play by the same rules as everything else on the page. If you're trying to remove or hide the header on a specific page (or across your entire site), the method you'll use depends on a few key factors: your active theme, whether you're using Beaver Themer, and how your header was built in the first place.

Why the Header Is Separate From the Page Builder

When you edit a page in Beaver Builder, you're working inside the content area — the region between the header and footer. The header itself is typically controlled by your WordPress theme, not by Beaver Builder directly.

This is an important distinction. Beaver Builder (the page builder plugin) and Beaver Themer (a separate add-on) serve different functions:

• Beaver Builder edits the content area of individual pages and posts.
• Beaver Themer lets you build and override theme-level elements like headers, footers, and archive layouts.

So if you want to disable or replace the header, you're usually working outside of the standard Beaver Builder interface — unless you have Beaver Themer installed.

Method 1: Use Your Theme's Built-In Header Settings

The simplest path for most users is through the theme itself. Many themes — including Beaver Builder Theme (the companion theme) and popular third-party themes — include native options to hide the header on a per-page basis.

If You're Using the Beaver Builder Theme

1. Open the page in WordPress and scroll down to the Page Attributes or look for a Beaver Builder meta box below the editor.
2. Look for settings labeled Header, Footer, or Full Width. The Beaver Builder Theme includes a Page Settings section that lets you disable the header, footer, or both on individual pages.
3. Set the header to None or Hidden, then save the page.

This is the fastest method and requires no code or extra plugins. ✅

If You're Using a Third-Party Theme

The location of these settings varies. Common places to check:

• Page Settings (below the editor block or in the Classic Editor sidebar)
• Elementor / Divi / Astra / GeneratePress style page options — many themes inject their own per-page controls
• The theme's Customizer panel under Appearance → Customize

If your theme doesn't offer a native header toggle, you'll need to use one of the methods below.

Method 2: Disable the Header With Custom CSS

If your theme doesn't include a built-in toggle, you can hide the header visually using CSS. This doesn't remove it from the HTML, but it removes it from view entirely.

Add this to Appearance → Customize → Additional CSS: