Hide Page title in Elementor website is not a hard thing to do.
Within few clicks, you can make it happen very easily.
In this blog we will describe, two method to hide page title in Elementor website.
Lets Hide and See!!
What is a page title?
A page title, also known as a title tag, is a short description of a webpage and appears at the top of a browser window and in SERPs. It is an important element of an optimized SEO page. A page title should include a page’s keyword in the title tag.
Reasons to Hide page title
You can create any page with drag and drop in the Elementor page builder. Although a page title can improve SEO and inform the visitors what the page is about, sometimes for any reason, you need to remove the page title in Elementor.
There may some good reasons that you may want to remove a page title. Since you don’t need any coding knowledge using Elementor, you can do this task with a single click.
Here are the most common reasons to remove a page title:
- Landing/sales pages- The landing/sales pages are usually built on plain canvas without a header, footer, or title.
- To mismatch between the page URL and title- WordPress automatically uses the given page name as the page URL. We often would like to have different names for them each, so we need to remove or hide the title.
- To redesign the default style- a page title automatically inherits the CSS rules of the used theme. If we like to change the look of it, we need to remove it first and restyle it with Elementor after.
Whatever the reason may be, removing the page title in Elementor is a really easy process. You have to follow several steps to remove the page title in Elementor.
Let’s dive right into it.
Methods to hide Page title
You can hide your page title by 3 different methods. We will describe them one by one so that you can try them as your wish.
Hide Page title By WordPress default editor
Step-1: Go to the Edit option
First, select a page, and go to the Edit option.
Step-2: View the page
After that, the page title will be seen in its place.
Step-3: Disable the Page Titlebar
Now, go to the Page Titlebar menu, then select Disable to remove the page title.
Step-4: See the result
After disabling the page title, it is removed from the page. See the result below!
Well done! You have successfully removed the page title in Elementor.
With Elementor widget editor
You can also hide your page title just by using a simple elementor hacks .
1. From Elementor Widget Panel, go to setting
2. select the “hide page title” button and toggle it to hide the page title
3. Voila, Your page title has been hide!!!
Hide The Title From Your Theme By Using Class
Sometimes the methods we shared above wont work in some cases. But you can change it by using your theme’s header class.
Sometime your theme is using a different class for the title, this option won’t automatically work and you will have to manually set it.
The default class for most themes is:
Just follow the step below!
- Click “edit with Elementor” for any Post or Page
Click the hamburger menu icon in the upper left corner of the Elementor Widget Panel, and click on Site Settings.
Under Settings, click Layout.
Here you will see the Page Title Selector field with the description:
Elementor lets you hide the page title. This works for themes that have the “h1.entry-title” selector. If your theme’s selector is different, please enter it above.
Now, add your theme’s selector for the title, and the hide title functionality should now work.
We have shown you the process of how to remove page title in Elementor. Now that you have learned the process, we hope that it helped you a lot, and you can implement it on your own website as you need.
Thank you for reading this article. Have a good day.