“Transparent Header” setting is adding margin-top above header section

[msmith]

msmith

December 6, 2023 at 4:28 pm

I’m trying to set up a transparent header, so that the site logo and navigation menu sits on top of the cover image. Like this: *Login to see link

What I did:
1) Header > Transparent Header > Enable Transparent Header
2) Posts/Pages Layout > Page Layout > Content Vertical Padding > Disable

This works, partly, but I’m having an issue. There is a top margin above the header section. I’m able to fix this by adding a negative top margin, but I’d rather avoid this if possible.

This is my code to remove the top margin:
/* Add negative top margin to pull the header and content flush to the top of the page */
.site-container {
margin-top: -32px;
}

/* Add top margin to push site logo back down the page */
.site-branding {
margin-top: 40px;
}

Is there another way to do this without adding a negative top margin? Also, how do you remove the top shadow on the footer section?

I’ve attached some pics so you can see what I mean. I can’t show URL as I’m testing locally on WP Local for now.

Thank you

• This topic was modified 2 years, 4 months ago by msmith.