Header above the content Colour

Hi, I have to enable “Header above the content” so that the woocommerce “brand” pages display properly, but it does extend the height of the page header with a white space that attaches to the bottom of the main menu.

Is there a way I can change the colour of the extra space created between the menu and the page so that I can get it to blend in with the page. I have tried to inspect code to determine css element but not having much luck. I have included a screen shot of the extra page area created by enabling “header about content”. This is the area I want to be able to customize or change colour, or even better, make transparent. It is white by default.

Is there a code snippet that might help please?

Attachments:

You must be logged in to view attached files.

Hi,

It doesn’t add any height to the page header since this page doesn’t have a page title at all (as your shop page for example). It is a regular header margin bottom and it is not possible to change margin background color in CSS.

Regards

Hi thanks so much for your reply. Is there a way to reduce the size of the margin.

Yes, you can do this with the following code snippet

.main-header,
.header-spacing {
	margin-bottom: 20px!important;
}

Thank you so much I really appreciate it.

You are welcome!

[Author]

Posts