How to Hide Theme Page Titles in Elementor & WordPress (4 Proven Methods)
Troubleshooting guide on removing unwanted theme page titles and duplicate H1 tags from Elementor pages using native settings, templates, and targeted CSS.
Elementor WordPress page builder typography and settings interface
When designing custom landing pages in WordPress using Elementor, classic themes frequently render an unwanted default page title above your custom hero section. This creates visual clutter and often results in two competing `<h1>` tags on the same page. Here are 4 tested methods to cleanly remove theme page titles.
1. Method 1: The Native 'Hide Title' Toggle
The fastest method uses Elementor's built-in page setting: 1. Open your page in the Elementor editor. 2. Click the **Page Settings** (gear icon) in the bottom-left corner. 3. Under **General Settings**, toggle **Hide Title** to **YES**. 4. Click **Update**. *If the title remains:* Your theme may use a non-standard CSS class. Go to **Elementor âž” Settings âž” Style** in WordPress and verify the **Page Title Selector** matches your theme (e.g. `h1.entry-title` or `.page-title`).
2. Method 2: Switching to Elementor Full Width or Canvas
Switching page templates eliminates theme container overrides without custom code: • **Elementor Full Width:** Removes default theme titles and sidebars while keeping your global header and footer navigation. • **Elementor Canvas:** Removes the header, footer, title, and sidebar completely—ideal for standalone landing pages and sales funnels.
3. Method 3: Targeted Custom CSS
If your theme overrides Elementor settings, add this clean CSS rule under **Appearance âž” Customize âž” Additional CSS**:
/* Suppress theme page titles on Elementor pages */
.page .entry-header,
.page .entry-title,
.page h1.page-title,
.elementor-page .site-main > header.entry-header {
display: none !important;
}
/* Ensure single blog posts keep their standard titles */
.single-post .entry-header,
.single-post h1.entry-title {
display: block !important;
}4. SEO Best Practice: Maintaining a Single H1 Heading
When you hide the theme's default title, make sure you add a single, descriptive `<h1>` heading inside your custom Elementor hero section. This maintains clear heading hierarchy for search engine crawlers and screen readers.
- Try Elementor Page Settings âž” Hide Title toggle first.
- Switch Page Layout to 'Elementor Full Width' to keep navigation while removing theme title clutter.
- Use scoped CSS if your theme ignores page builder settings.
- Always add an explicit H1 heading widget inside your Elementor hero section for SEO.
Digital marketer and web developer working across web development, technical SEO, performance marketing, website security and analytics.
