--- title: "How to Hide Page Title in Elementor [4 Easy Methods]" url: https://theplusaddons.com/blog/how-to-hide-page-title-in-elementor/ date: 2025-01-06 modified: 2026-04-09 author: "Aditya Sharma" description: "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..." image: https://theplusaddons.com/wp-content/uploads/2025/01/image-3-1-1024x536.png word_count: 1317 --- # How to Hide Page Title in Elementor [4 Easy Methods] ## Key Takeaways - Use the built-in 'Hide Title' toggle in Elementor to quickly hide the page title without coding. - Set the page layout to 'Elementor Full Width' to remove the page title from display. - Hiding the page title keeps SEO and navigation intact, unlike deleting it. - Use custom JavaScript in Elementor for advanced conditional title hiding. 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. One advanced approach is to use [custom JavaScript in Elementor](https://theplusaddons.com/blog/add-custom-javascript-in-elementor/) for conditional title hiding. ## Key Takeaways - Use the built-in "Hide Title" toggle in Elementor to quickly hide the page title (no coding needed). - Alternatively, set the page layout to "Elementor Full Width" to remove the page title from the display. - Don’t delete the title; hiding keeps SEO and navigation intact. Table Of Contents ## 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](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/) 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](https://go.posimyth.com/recommends/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**.*](https://theplusaddons.com/blog/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. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Using-Hide-Title-Option-in-Elementor-Editor.png) On the page, click on ***Edit with Elementor*** and click on the ***Settings*** icon at the top of the page. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Edit-with-Elementor.png) Here, you will see an option to ***Hide Title***. Turn on the toggle to enable it and save the changes. *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](https://theplusaddons.com/blog/how-to-show-and-hide-text-in-wordpress/)**.* ### 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. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Page-Layout-in-Elementor-Editor.png) 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**.*](https://theplusaddons.com/blog/show-hide-elementor-section/) ### 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. ![](https://theplusaddons.com/wp-content/uploads/2025/01/the-WordPress-Default-Editor.png) Simply delete the page title and click on the ***Publish*** button. ![](https://theplusaddons.com/wp-content/uploads/2025/01/the-page-title.png) 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***](https://theplusaddons.com/blog/elementor-vs-gutenberg/)*.* ### 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- *

Title

.* 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****.* ![](https://theplusaddons.com/wp-content/uploads/2025/01/Edit-Elementor-page.png) - Click on ***Site Settings*** on the Elementor Widget panel at the top left corner of the screen. ![](https://theplusaddons.com/wp-content/uploads/2025/01/site-setting.png) - Select ***Layout****.* - Here, go to the ***Page Title Selector*** and add your theme's specific selector for the title. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Page-Title-Selector.png) 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**.*](https://theplusaddons.com/blog/how-to-password-protect-a-page-in-wordpress/) ![](https://theplusaddons.com/wp-content/uploads/2023/05/20-Checklist-for-WordPress-Site-Maintenance-1024x1024.jpg) ##### Do you Manage WordPress Websites? Download Our FREE E-Book of 20+ Checklist for WordPress Site Maintenance. ​ [contact-form-7] Field LabelSend Me the eBook ## 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](https://theplusaddons.com/elementor-widgets/). 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**](https://theplusaddons.com/elementor-widgets/) 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. ## Frequently Asked Questions **Q: How to hide page title in Elementor?** A: You can hide the page title in Elementor by using the built-in 'Hide Title' toggle in the Elementor editor or by setting the page layout to 'Elementor Full Width'. Both methods are easy and require no coding. **Q: Will hiding the page title affect SEO?** A: Hiding the page title won't affect your SEO, but deleting it completely will. Search engines rely on metadata for indexing, so it's best to hide the title instead of removing it. **Q: Can I hide the page title in Elementor without using custom CSS?** A: Yes, you can hide the page title in Elementor without using custom CSS. Use Elementor's 'Hide Title' option or change the page layout to hide the title easily. **Q: How to hide the page title on specific pages in Elementor?** A: You can hide titles on specific pages in Elementor by using the 'Hide Title' option for each page. This allows you to customize which pages display the title. **Q: Why should I hide the page title in Elementor?** A: Hiding the page title makes sense in scenarios like custom designs, landing pages, or when the title creates a cluttered look. It helps achieve a cleaner, more professional design. **Q: What is a page title?** A: A page title is the text that appears at the top of a webpage. It reflects the title set when creating the page and is used in the URL and browser tab, making it important for SEO and navigation.