Is there any way to get rid of the page title/header on the home page?

[Karang Nyimbor Hotel]

Hello, I’ve tried various ways including css and plugins to get rid of the header on my home page. But so far its not working, I’m using elementor video on my homepage instead of the header video option, so its really ugly to have the default header there. Hope you can help me. Thanks.

[J. Davis]

Hi Karang,

Thanks for your question. You can use the style below to hide the header on the Front page width Default Type header selected:

.home .site-header-wrapper{
	display:none;
}

best regards,
J.Davis

[Fred Green]

what about all the other pages?

[Andre Flores]

Hello, Fred!

You may hide all the pages titles if needed by using the following code:

.site .site-wrapper .site-header .site-header-wrapper {
	display: none;
}

If you would like to get rid of the header on specific pages, you may use the previous code, provided by J.Davis, replacing .home with the desired page ID. You may get the page ID using your browser “Inspect Element (F12)” feature, e.g.: https://prnt.sc/sp8dyg.

.page-id-180 .site-header-wrapper {
	display: none;
}

Regards,
Andre

[richard simpson]

Where do I paste the code into to change this please

[Andre Flores]

Hi, Richard!

You should paste the code under Appearance ->Customize ->Additional CSS in your WordPress dashboard.

Regards,
Andre

[richard simpson]

Thanks a lot Andre, works a treat.

[Andre Flores]

You are always welcome!

Regards,
Andre

[Lucía Somolinos Novella]

Hi, I have a similar problem. I’m trying to hide tittle and date of every single accommodation page. I’ve tried to do it with the following code:

.site .site-wrapper .site-header .site-header-wrapper {
	display: none;
}

However, it still appearing. I’ve tried to do it too with the page-id one, but I noticed after trying with the words “page-id” that the single accommodation pages don’t have page-id but post-id, so I changed the code and it doesn’t work neither.

Publishing date, of course, still appearing. How can I remove all of this?
Thank you!

[Andre Flores]

Hello Lucia,

Kindly provide me with the URL to the page in questions, so I provide you with a valid code.

Regards,
Andre

[Lucía Somolinos Novella]

Hi, Andre, and thanks for your kindness.
The web I’m building is under maintenance, so it is not visible yet. I don’t know how can I give you an URL or some details that help you.

[Andre Flores]

Hello Lucia,

Try adding the following code:

.single-mphb_room_type .page-title {
	display: none;
}

It should remove page title from all the single accommodation type pages.

Regards,
Andre

[Sven Grossenbacher]

Hi,

display: none is not an otpion for SEO.

How can I get rid of:
<header class=”entry-header hidden”>
<h1 class=”entry-title”>Startseite</h1> </header><!– .entry-header –>

it is not displayed but search engines will still read the h1 title – which is not intended.

Please advise on how to get the H1 out of the source code.

Thanks

[J. Davis]

Hi Sven,

Thanks for your question. You may remove that tag by overriding the files using the Child Theme. You will need to override the files from the following folder \alpenhouse\template-parts\

best regards,
John Davis

[Author]

Posts