How to Hide Page Title in Elementor [4 Easy Methods]

Updated onJune 17, 2026By

Key Takeaways

  • Utilize the built-in 'Hide Title' toggle in Elementor to quickly conceal the page title without coding.
  • Change the page layout to 'Elementor Full Width' in Elementor settings to remove the page title from display.
  • Avoid deleting the page title to maintain SEO and navigation integrity on WordPress.
  • Manually set the class for your theme in Elementor to hide the page title, ensuring it aligns with your design goals.

The fastest way to hide a page title in Elementor is the built-in Hide Title toggle in the page Settings panel. It takes one click, needs no code, and works in the free version. That single switch solves it for most people, so if you are in a hurry, jump to Method 1 below.

The reason this comes up so often is that the default page title rarely fits a custom design. On a landing page it competes with your hero. On a full-width layout it sits awkwardly above the canvas.

And when you have already built a headline inside Elementor, that automatic title on top is just a duplicate. The fix is to hide it, not delete it, and there are four reliable ways to do that depending on your theme and how the rest of the page is built.

Table Of Contents

Hide the page title, do not delete it

A page title is the text WordPress pulls from the title field you fill in when you create a page. It does more than label the page on screen. It feeds the browser tab, it usually shapes the URL slug, and it is a signal search engines read when they index the page.

That is exactly why deleting the title is the wrong move. Clearing the title field can disturb the permalink and removes a signal that search engines expect to find, even when no visitor ever sees it.

Hiding is different: the title stays safely in your WordPress database doing its backend job, it just stops rendering on the page. Keep the title, hide the display.

When hiding the page title makes sense

A few situations where dropping the visible title genuinely improves the page:

  • Custom Elementor layouts: the theme prints the title outside the Elementor canvas, where it clashes with a full-width design.
  • Landing pages: when the page exists to drive one action, a title above the fold is noise.
  • Minimal designs: a lot of clean layouts simply read better without a title breaking the top section.
  • A different on-page headline: WordPress builds the URL from the page title, so hiding that title and using an Elementor heading widget lets the slug and the visible headline say different things.

Is the WordPress Admin Bar cluttering your Elementor editor? Here is how to hide the WordPress Admin Bar and clean up your workspace.

How to hide the page title in Elementor: 4 methods

Method 1: The built-in Hide Title toggle (recommended)

This is the one to reach for first. Elementor ships a native Hide Title control that needs no CSS and no extra plugin, and it is in the free version.

Open Pages in your WordPress dashboard and find the page you want to change.

Using hide title option in elementor editor settings panel
Elementor’s native Hide Title toggle lives in the page Settings panel.

Click Edit with Elementor, then open the Settings icon (the gear) at the bottom of the left panel.

Edit with elementor button and settings icon in the editor
Open the page in Elementor and click the Settings gear.

Switch the Hide Title toggle on and click Update. The title vanishes from the front end immediately while staying intact in the backend, so your SEO data and breadcrumbs are untouched.

It is non-destructive, reversible in a single click, and needs zero technical knowledge, which is why it is the right answer for almost every case.

Want finer control over content visibility? Here is how to show and hide text in WordPress.

Method 2: Switch the page layout to Elementor Full Width

Use this when you want to take over the whole page, not just remove the title. Setting the layout to Elementor Full Width drops the theme’s title area and its surrounding structure in one move.

Open the page, click Edit with Elementor, and open the Settings gear at the bottom of the left panel.

Page layout setting in elementor editor showing elementor full width option
Set Page Layout to Elementor Full Width to drop the theme title area entirely.

Set Page Layout to Elementor Full Width and click Update. The theme template that printed the title no longer loads, so the title goes with it. The trade-off is reach: this layout also removes the sidebar and often the theme header and footer.

If you only need the title gone, Method 1 is more surgical.

Want sections that appear or disappear on interaction? See how to show or hide Elementor sections on click.

Method 3: Remove the title in the WordPress block editor (use with care)

If a page is built in Gutenberg rather than Elementor, you can clear the title in the block editor. It works, but it is the one method that actually deletes rather than hides, so treat it as a last resort.

Open the page from your dashboard in the default editor.

Wordpress block editor showing the title field
The title field at the top of the WordPress block editor.

Clear the title field and click Update.

Deleting the page title in the wordpress block editor
Clearing the title field removes it from the database, not just the display.

The catch is real: this strips the title from the database, which can affect SEO metadata, break the permalink, and leave a blank entry in breadcrumbs. Only use it when the page genuinely has no need for a stored title.

For everything else, Method 1 or Method 2 is safer because the title survives.

Deciding between editors? Read our Elementor vs Gutenberg comparison.

Method 4: Target the theme’s title class with CSS

Some themes print the title through their own template using a class Elementor does not control, so the Hide Title toggle appears to do nothing. The fix is to point Elementor (or your CSS) at that exact class.

Open the page and click Edit with Elementor.

Opening a page to edit with elementor
Open the page in Elementor to reach Site Settings.

Open Site Settings from the top-left of the panel.

Site settings option in elementor widget panel
Site Settings in the Elementor panel.

Go to Layout, find the Page Title Selector field, and enter your theme’s title class, for example .entry-title.

Page title selector field in elementor site settings layout panel
Set the Page Title Selector so the Hide Title toggle targets the right class.

Once that selector matches your theme, the Hide Title toggle works correctly on every page where you enable it.

Prefer to do it in CSS directly? To hide the title across the whole site, go to Appearance > Customize > Additional CSS and add:

.entry-title {
    display: none;
}

Swap .entry-title for your theme’s class if it differs. To hide it on a single page only, scope it with the page ID:

.page-id-123 .entry-title {
    display: none;
}

You will find the page ID in the URL while editing the page, as the number after post=.

People also read: learn how to password protect a page in WordPress.

Does hiding the page title hurt SEO?

No, as long as you hide it rather than delete it. The visible page title and the SEO title tag are two different things.

Hiding the on-page title with the Elementor toggle or CSS only changes what visitors see; it does not touch the <title> tag and meta that search engines and AI engines read, which your SEO plugin controls separately.

The only approach that can cause SEO trouble is Method 3, deleting the title field outright, because that removes the stored title the rest of WordPress relies on.

Stick with the toggle, the layout switch, or CSS and your rankings, breadcrumbs, and permalink stay exactly as they were.

Which method should you use?

A quick guide to picking the right approach:

SituationRecommended method
Quick hide on a single page, no codeMethod 1: Elementor Hide Title toggle
Full-width landing page designMethod 2: Elementor Full Width layout
Gutenberg page, no ElementorMethod 3: Block editor (deletes the title)
Theme overrides Elementor’s toggleMethod 4: CSS + Page Title Selector

Method 1 handles the large majority of cases and is the most scalable, since you hide the title per page without touching global CSS, so pages where you still want a title are unaffected. Only move to Method 4 if your theme ignores the toggle.

How to hide page title in elementor [4 easy methods]
Do you Manage WordPress Websites? Download Our FREE E-Book of 20+ Checklist for WordPress Site Maintenance. ​
[contact-form-7 id="125716"]

Wrapping up

Hiding the page title is a small change that makes Elementor pages look far more intentional.

The built-in Hide Title toggle solves it in seconds for most sites, and when a stubborn theme overrides it, pointing Elementor’s Page Title Selector or a line of CSS at the right class gives you reliable control.

The one rule to remember: hide the title, do not delete it. Left in the database, it keeps doing its quiet work for your SEO, navigation, and breadcrumbs while staying invisible to visitors.

Check out the Complete List of 120+ Widgets and Extensions here. Start building your dream website without coding!

For more design control in Elementor, The Plus Addons for Elementor adds 120+ widgets for custom layouts, interactive elements, and more, all without code.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO at POSIMYTH Innovations · The Plus Addons for Elementor · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressThemesElementorn8nAIClaudeAutomationServer
X GitHub YouTube Website
Join the Elementor Facebook community

Related Frequently Asked Questions

Related Blogs