You can hide the page title in Elementor using the built-in Hide Title toggle in the Settings panel, and it takes less than a minute with no code required.
When you're designing a page in Elementor, the default page title can sometimes get in the way. On a landing page, it looks out of place. On a custom layout, it clashes with your design. And for pages where you've already built a headline section inside the Elementor canvas, having a second title above it is just redundant.
This guide walks you through four methods to hide page title in Elementor, from the quickest no-code toggle to a CSS approach that works even when the theme overrides Elementor's settings.
What Is a Page Title and Why Should You Hide It (Not Delete It)?
A page title is the text that appears automatically at the top of a webpage, pulled from the title you set when creating the page in WordPress. It shows up in the browser tab, it often forms part of the page's URL, and search engines use it as a key metadata signal.
This is why deleting the page title is almost always a bad idea. When you remove the title entirely from WordPress, you risk breaking the page's permalink structure and stripping out an important SEO signal. Search engines rely on that title for indexing, even if it's invisible to visitors.
Hiding the title is the right approach. The title stays in your WordPress database, intact for SEO and navigation, but it no longer renders visually on the page.
When Does Hiding the Page Title Make Sense?
A few common situations where hiding the page title improves the design:
- Custom Elementor layouts: The default title position often sits outside the Elementor canvas, and it can clash with a full-width design.
- Landing pages: When the entire page is focused on a single action, a visible title above the fold adds unnecessary noise.
- Cleaner aesthetics: Minimal designs frequently look better without a title interrupting the top section.
- Different URL and display name: WordPress generates the URL from the page title by default. If you want to show a different headline on the page, hiding the backend title and using a custom heading widget inside Elementor gives you that flexibility.
Is the WordPress Admin Bar cluttering your Elementor editor? Here's how to hide the WordPress Admin Bar and clean up your workspace.
How to Hide Page Title in Elementor: 4 Working Methods
Method 1: Use the Built-In Hide Title Toggle in Elementor
This is the fastest and most reliable method. Elementor includes a native Hide Title option that works without any CSS or plugins.
To do this, go to All Pages and open the page where you want to hide the title.
On the page, click on Edit with Elementor and then click the Settings icon at the top of the left panel.
Here, you will see a Hide Title toggle. Turn it on and click Update to save. The title disappears from the frontend immediately while staying in your WordPress backend, so your SEO metadata and breadcrumbs remain unaffected.
This is the recommended method for almost all use cases. It's non-destructive, reversible in one click, and requires zero technical knowledge.
Note: This option is available in the free version of Elementor.
Do you want to declutter space on your website and improve visitor engagement? Check this guide on How to Show and Hide Text in WordPress.
Method 2: Switch the Page Layout to Elementor Full Width
If you want to take complete control of the page layout and remove the title area along with the theme's default header structure, switching the page layout to Elementor Full Width achieves both at once.
To do this, navigate to All Pages on your WordPress dashboard and open the page you want to edit. After clicking on Edit with Elementor, click the Settings icon at the top of the left panel.
You will see the options for Page Layout. Change it to Elementor Full Width and click Update. With this layout, the theme's header template is replaced by Elementor's full-width canvas, and the page title disappears because the template that was displaying it no longer loads.
Keep in mind that this changes more than just the title. The full-width layout removes your theme's sidebar and often the header and footer template as well. If you only need to hide the title without changing the rest of the layout, Method 1 is more precise.
Want to control which sections of your page appear or disappear on user interaction? Check out this guide on How to Show or Hide Elementor Sections on Click.
Method 3: Remove the Title in the WordPress Block Editor
If you're building the page in Gutenberg instead of Elementor, you can remove the title directly inside the block editor. This is the straightforward approach for pages that don't use Elementor at all.
To do this, open the page you want to edit from your WordPress dashboard.
Simply delete the page title and click on the Publish button.
Important limitation: This method deletes the page title from the database entirely, not just visually. That affects your page's SEO metadata, can break the permalink, and may cause breadcrumbs to show a blank entry. Use this method with caution and only when you don't need the title for any backend purpose.
For most situations, the Elementor toggle (Method 1) or the full-width layout switch (Method 2) are better choices because they preserve the title in the database.
Not sure which editor to use for your site? Here's a detailed comparison of Elementor vs Gutenberg to help you choose.
Method 4: Use CSS to Target Your Theme's Title Class
Sometimes a theme overrides Elementor's Hide Title setting, and the title still shows even after toggling it off. This happens when the theme renders the title through its own template file using a CSS class that Elementor doesn't know about. In that case, using custom CSS to target the theme's specific class is the reliable fix.
Follow the steps below to do this:
- Open the page for which you want to hide the page title and click on Edit with Elementor.
- Click on Site Settings on the Elementor Widget panel at the top left corner of the screen.
- Select Layout.
- Here, go to the Page Title Selector and add your theme's specific CSS selector for the title (for example,
.entry-title).
Once you set this, Elementor's Hide Title toggle will correctly target and hide the title on any page where it's enabled.
Alternative: Add custom CSS in the WordPress Customizer
If you want to hide the title globally across all pages, go to Appearance > Customize > Additional CSS and add:
.entry-title {
display: none;
}Replace .entry-title with your theme's actual class if it differs. To hide the title on a specific page only, use the page ID in the selector:
.page-id-123 .entry-title {
display: none;
}Find your page ID in the URL when you open the page for editing in WordPress. It's the number after post= in the address bar.
People Also Read: Protect your page from unauthorized access to ensure the security of your website. Know How to Password Protect a Page in WordPress.
Which Method Should You Use?
Here's a quick guide to picking the right approach:
| Situation | Recommended Method |
|---|---|
| Quick hide on a single page, no code | Method 1: Elementor Hide Title Toggle |
| Full-width landing page design | Method 2: Elementor Full Width Layout |
| Gutenberg page, no Elementor | Method 3: Delete from Block Editor |
| Theme overrides Elementor's toggle | Method 4: CSS + Page Title Selector |
Method 1 covers the majority of cases. Only move to Method 4 if the toggle doesn't work with your theme.
If you're working across many pages, Method 1 is also the most scalable because you can hide page title in Elementor on a per-page basis without touching global CSS. That means no unintended side effects on pages where you do want the title visible.
![20 checklist for wordpress site maintenance how to hide page title in elementor [4 easy methods] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2023/05/20-Checklist-for-WordPress-Site-Maintenance-1024x1024.jpg "20 Checklist for WordPress Site Maintenance | The Plus Addons for Elementor")
Do you Manage WordPress Websites? Download Our FREE E-Book of 20+ Checklist for WordPress Site Maintenance.
Wrapping Up
Hiding a page title in Elementor is a small change that makes a noticeable difference in how your pages look. The built-in Hide Title toggle handles most situations in seconds. For themes that override Elementor's settings, targeting the title's CSS class through Site Settings or the WordPress Customizer gives you reliable control.
The key rule: hide the title, don't delete it. The title in your WordPress backend continues to support your SEO, navigation, and breadcrumbs even when it's visually hidden from visitors.
Check out the Complete List of 120+ Widgets and Extensions here. Start building your dream website without coding!
For more advanced design control in Elementor, The Plus Addons for Elementor adds 120+ widgets for building custom layouts, interactive elements, and more, all without code.
