Elementor How to Hide Page Title

There are several valid reasons to hide a page title, and knowing them helps you decide which pages to apply it to.

The title looks wrong on the page. SEO-optimized titles are often written for search results, not for visual display. A title like “Best Dentist Chicago 2025” works fine as a meta title or H1 in HTML, but it looks awkward at the top of a polished landing page. Hiding it lets you control the visible heading independently from the SEO title.

You’re using a custom hero section. Many Elementor designs include a full-width hero with its own heading widget. Having both the theme-injected page title and your Elementor heading visible at once means two headings where you only want one.

The page has a layout that doesn’t need a title. Landing pages, sales pages, coming-soon pages, and portfolio pages often use custom designs where a generic text title would break the visual flow.

You’re testing different headlines. If you want to vary the heading shown to visitors without changing the SEO title or URL, hiding the default title gives you more control over what gets displayed.

When NOT to hide the title. For standard blog posts and content pages, keeping the title visible is almost always better for usability. Readers expect to see the article heading when they land on a page. Hiding it can also cause issues for screen readers if you don’t provide an alternative H1 elsewhere on the page. Since hiding the title is a visual-only change, Google still reads the H1 tag and your rankings are not affected either way.

You don’t need Elementor Pro , or even Elementor , to hide a page title. There are three methods depending on your setup:

Method 1: Using Elementor Page Settings (Free or Pro)

This is the quickest method if you’re editing the page with Elementor.

1. Open the page in Elementor by clicking “Edit with Elementor.”
2. Click the gear icon at the bottom of the left panel to open Page Settings.
3. In the Layout tab, find the Hide Title option.
4. Set it to Yes.
5. Click Publish or Update to save.

The title disappears on that page only. All other pages remain unchanged.

Method 2: Using a WordPress Plugin

If you’re not using Elementor on a particular page, a free plugin is the simplest solution.

1. Go to Plugins > Add New in your WordPress admin.
2. Search for “hide page title” and install a well-rated option (several free ones exist in the WordPress plugin directory).
3. Activate the plugin.
4. Edit the page where you want to hide the title.
5. Look for the plugin’s “Hide Title” checkbox in the sidebar or below the editor, and enable it.
6. Update the page to save.

This gives you the same per-page control as the Elementor method, but works with any page builder or the default WordPress block editor.

Method 3: Custom CSS

If you prefer not to add a plugin and want a lightweight fix:

1. Find your page ID. When editing the page, check the browser URL , it shows something like post=123. The number is your page ID.
2. Go to Appearance > Customize > Additional CSS.
3. Add this rule: body.page-id-123 .entry-title { display: none; }
4. Replace 123 with your actual page ID.
5. Click Publish to save.

Note: the CSS class for the page title varies by theme. Common class names include .entry-title, .page-title, and .post-title. If the rule doesn’t work, right-click the title in your browser, select Inspect, and look at the class on the heading element.

Troubleshooting: The Title Still Shows After You Hid It

If you’ve applied one of the methods above but the title is still visible, these are the most common causes:

Your theme overrides the standard class. Some themes inject the page title through their own PHP template rather than using .entry-title or .page-title. Use your browser’s Inspect tool to find the exact class your theme applies to the title, then update the CSS rule to match that class instead.

A caching plugin is serving an old version of the page. Clear your cache after making any changes. Most caching plugins have a “Clear All Cache” button in the WordPress admin bar.

The title is coming from an Elementor template, not the page itself. If the page is displayed using an Elementor full-site editing template or a custom page template, the title might be injected by the template. Open the template in Elementor and look for a Site Title or Page Title widget to remove or hide separately.

A second heading widget is showing the title text. If another Elementor widget is displaying the title as static or dynamic text, the Elementor Page Settings toggle won’t affect it. Find that widget in your design and remove or hide it directly.