How to remove title bar from homepage?

Hi,

You need to try this in your style.css or in your custom css(If your theme provides):

.home article {
    padding-top: 0;
}
.home .entry-header {
    display: none;
}

If you want to remove some more spaces there, then you can try this also:

.home .entry-content {
    margin-top: 0;
}

Thanks so much Jitendra.

I already have the following in my CSS StyleSsheet Editor. Does this change the situation? Or do I just add one or both of what you wrote at the bottom?

body .site-title {
	position: static !important;
	font-weight: bold;
	margin-top: 1em;
}

.site-title a {
	color: black;
}

/* Mobile by default*/
body .site-title {
	font-size: 140%;
}

/* Desktop by media query */
@media screen and (min-width: 800px) {
	body .site-title {
		font-size: 3.1em;
	}
}

Hi Simon,

It is completely different thing you had in your css and the one I gave. So you can add the code I gave in there. First of all add the first piece of code. If you then satisfy with the space there, then no need to add the second piece. But after adding the first piece of code if you want to remove the space further more, then you can add the second piece of code there. (Add it at the bottom)

Brilliant, thank you Jitendra, you’re a star.

That’s solved it perfectly!

Great. You’re most welcome.

Can anyone shed light on removing my titlebar on the homepage of my website? Its a Mill pre-set theme that states it does not come activated with a titlebr, however I have one there. I do have the ability to add custom css and have tried the above code as well as a few others with no luck. my website is https://www.shopnxsw.com and I’d like to remove the titlebar and at the very least get rid of all of the padding around it, if it can not be removed.

Much thanks!
NorthxSouthWest

Hello,

@shopnxsw:

Are you referring to this text there:

North X SouthWest

If so and you want that title to be removed only from your home page, then you need to try this in your Custom CSS for that:

.home #titlebar {
    display: none;
}

but if you need that area to be removed from all your pages, then you need to try this instead:

#titlebar {
    display: none;
}

Hope that helps. Feel free to ask if you need any other help.

Thank you.

That totally worked!!! Thank you sooooo much!!!!! That made my day!

Hello,

I am glad to know that. Let me know if you need any other help in future.

Thank you.