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

Updated on January 6, 2025 by Editorial Team

Not sure how to hide page title in Elementor? We’ve got you covered.

When designing a website with Elementor, you want everything to look perfect. From your layout to the fonts, content, and the flow of the content.

But sometimes, the default page titles don’t quite fit your vision.

Perhaps it is interfering with the aesthetic of your website or looks out of place on a landing page. Customizing the page title is not simple either since the design depends on your theme.

Whatever the reason, you must know how to hide the page title in WordPress.

In this guide, we’ll walk you through four simple methods for hiding page titles in Elementor and giving your website a clean, cohesive look.

Table Of Content

What is a Page Title?

A page title is a text that appears at the top of a webpage by default, reflecting the title you set when creating the page. It is also often used within the URL of the particular page and displayed in the browser tab when a visitor accesses it.

As a result, the page title is useful for SEO and navigation.

So, if your first instinct is to delete the title from the page, think again because it affects how search engines rank your page and how users interact with it.

But at the same time, it might not always align with your design goals. That’s where hiding it is a better idea.

Why and When Should You Hide Page Title in Elementor?

Here are a few scenarios where hiding a page title makes sense:

  • Custom designs: When you’re using Elementor to design a custom layout, the default title might clash with your design. 
  • Landing pages: Titles are often unnecessary on landing pages, where the focus is on a single action or message.
  • The overall look of the webpage: Sometimes, removing the title creates a cleaner, more professional look.
  • Mismatch in title and URL: WordPress uses the set page title in the URL by default. If you want to have different names in the page title and the URL, it is best to hide the title.

Is the WordPress Admin Bar getting in the way of your design workflows? Simplify your WordPress editor by learning How to Hide WordPress Admin Bar.

How to Hide Page Title in Elementor [Working Methods]

Now, let’s dive into the different ways to hide page titles in Elementor for your website.

Method 1: Using Hide Title Option in Elementor Editor

The Elementor editor features built-in settings to hide the page title on your website.

To do this, go to All Pages and open a page where you want to hide the title.

Using hide title option in elementor editor how to hide page title in elementor [4 easy methods] from the plus addons for elementor

On the page, click on Edit with Elementor and click on the Settings icon at the top of the page.

Edit with elementor how to hide page title in elementor [4 easy methods] from the plus addons for elementor

Here, you will see an option to Hide Title. Turn on the toggle to enable it and save the changes.

Method 2: Changing the Page Layout in Elementor Editor

In Elementor, hide the page title by changing the page layout of your website page.

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 on the Settings icon at the top of the page.

Page layout in elementor editor how to hide page title in elementor [4 easy methods] from the plus addons for elementor

You will see the options for Page Layout. Change it to Elementor Full Width, and the page title will be hidden in the layout.

Customize your page layout and display content on your website using the show more option. Know How to Show or Hide Elementor Sections on Click.

Method 3: Using the WordPress Default Editor

If you’re creating your website using the default WordPress editor, you can hide the page title from the Gutenberg editor.

To do this, open the page you want to edit from your WordPress dashboard.

The wordpress default editor how to hide page title in elementor [4 easy methods] from the plus addons for elementor

Simply delete the page title and click on the Publish button.

The page title how to hide page title in elementor [4 easy methods] from the plus addons for elementor

However, using this method will completely remove the page title from your website, which can affect your website’s SEO and permalinks.

Recommended Read: The default WordPress editor (Gutenberg) or Elementor builder, which one should you use for building your site? Here’s a detailed comparison of Gutenberg vs Elementor.

Method 4: Using Class From Your Theme to Hide The Title

The appearance and design of your page title are dependent on the theme you’re using.

Now, the default class for most themes is- <h1 class=” entry-title”>Title</h1>.

But sometimes, the theme might be using a different class for the title, which might interfere with your page design.

So, you can manually set the class for your theme to hide the page title.

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.
Edit elementor page how to hide page title in elementor [4 easy methods] from the plus addons for elementor
  • Click on Site Settings on the Elementor Widget panel at the top left corner of the screen.
Site setting how to hide page title in elementor [4 easy methods] from the plus addons for elementor
  • Select Layout.
  • Here, go to the Page Title Selector and add your theme’s specific selector for the title.
Page title selector how to hide page title in elementor [4 easy methods] from the plus addons for elementor

This will hide the page title for your web page.

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.

20 checklist for wordpress site maintenance how to hide page title in elementor [4 easy methods] from 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 simple and effective for enhancing your website’s design if the title interferes with it in any way.

    At the same time, it is important to ensure that you only hide the page title and not delete it, as the latter can affect your website’s SEO and experience.

    In Gutenberg or Elementor, remove the page title using any of the four easy methods mentioned above and customize the website to fit your vision.

    For even more advanced customizations and features for your Elementor website, consider The Plus Addons for Elementor. With over 120 widgets, it’s the perfect tool to take your Elementor experience to the next level.

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

    Whether you want to design a professional and minimal landing page, add social sharing buttons to your site, or enhance the user experience with various functional elements, this plugin has you covered.

    FAQs on Hiding Page Title in Elementor

    Will hiding the page title affect SEO?

    While hiding the page title won’t affect your SEO, deleting it completely will. Search engines rely on metadata for indexing, so deleting the page title can impact rankings.

    Is it possible to hide a page in Elementor without deleting it?

    Yes, you can hide a page without deleting it by saving it as a draft, setting its visibility to private, or using plugins to restrict access. These options ensure the page stays intact and can be accessed or republished later if needed.

    Will hiding the page title affect breadcrumbs or navigation?

    In most cases, breadcrumbs pull information from your site’s metadata, not the title visible on the page. Hiding the title shouldn’t disrupt breadcrumbs or navigation. However, double-check your theme settings, as some themes link breadcrumbs directly to the visible title.

    Can I hide the page title in Elementor without using custom CSS?

    You can use Elementor’s Hide Title option or change the page layout to hide the title without touching CSS. These methods are beginner-friendly and require no technical knowledge.

    How to hide the page title on specific pages in Elementor?

    You can hide titles on specific pages by using Elementor’s settings or custom CSS targeting only those pages. Or you can manually use the Hide Title option for each page to hide specific pages.

    Related Blogs