White Bar Beneath Header

Hi tobywan

Thanks for reaching out and for the wait.

I’ll introduce this as a page level setting ASAP. For now, please insert the following at Appearance > Custom CSS:

/* Home */
.home.siteorigin-panels-home .site-content, .page-template-home-panels .site-content {
	padding-top: 0;
}

Let me know how that goes.

Worked to perfection! What’s better than a support board where devs answer you questions correctly? Not much!

Super 🙂 Really glad to hear that helped. If any further questions come up, let us know.

All the best 🙂

Hi Andrew,

This worked for me as well but all of my other pages have the white as well. How can I remove this white bar from all of my pages? Is there a global CSS script to use?

I tried to modify your script inserting my other page names and it didn’t work for me.

Thank you!

Sure, you can try:

.page .site-content > .entry-header, .blog .page-header, .archive .page-header, .search-results .page-header, .search-no-results .page-header, .error404 .page-header {
    margin-bottom: 0;
}

This reply has been marked as private.

Hi, I’m not seeing the new rule in your Custom CSS. Do you perhaps have a caching plugin running? If so, please, clear it. Thanks.

This reply has been marked as private.

No problem 🙂 Would you perhaps like to shift over to using email. You’re welcome to being a premium user. We offer private replies here on the forum to send passwords but if you want the thread to be private then email is best.

At the moment, I can see the following in Appearance > Custom CSS:

/* Header */

.site-header .site-branding-container {
	max-width: 40%;
}

.main-navigation {
	max-width: 60%;
}

/* Home */
.home.siteorigin-panels-home .site-content, .page-template-home-panels .site-content {
	padding-top: 0;
}

Is the last rule also there when you view it?

This reply has been marked as private.

Sorry, I thought you had already, you can reach me on [email protected]. Thanks.