Hey there! If your Elementor Hide Page Title function is giving you the silent treatment, don’t panic. Nine times out of ten, your WordPress theme and its sneaky CSS are to blame for the rogue title that just won’t disappear. Fear not! In this tutorial, I’ll walk you through a few easy steps to send that title packing for good.
How to fix Hide Page Title function in Elementor for WordPress – Step by Step Tutorial
01 Elementor settings
Click on the Elementor Settings Icon.
02 Click “Layout”
Navigate to the Layout settings.
03 Check “Hide Title” field
Check the page title selector field
04 Open your page
Navigate to your website and open your page.
05 Right-click on your page title and select “Inspect”
Right-click on your page title and from the drop-down menu select “Inspect”
06 Title CSS properties will be highlighted
The Title CSS properties will be highlighted.
07 Copy the class name
Find the Class property and Double-click to copy the class name. This is the text contained between quotes. Keep in mind, your class name could be different than in this example.
08 Go to “Page Title Selector” field
Go back to your WordPress dashboard and navigate to the Page Title Selector Field. Mark the text after the “h1” tag.
09 Mark the class portion
10 Paste the copied style name
Paste the style name you copied from your page.
11 Click “Save Changes”
Save the modifications made.
12 Click “back to Editor”
Return to the editor view.
13 Click on page settings icon
Now go to the page settings.
14 Click “Hide Title” toggle
Proceed by clicking the “Hide Title” toggle.
15 Page title is hidden
The page title should disappear.
