[Resolved] Donate theme white space in the header

[Thassia]

Hi there,
I am working with the donate theme and there is a white space in the header area of the homepage that I just can’t get rid off (please find the URL attached). I tried adjusting the image padding and also logo sizes but nothing I tried helped with this.
Can you please help me with this issue?
Thank you!

[David]

Hi there,

the spacing comes from the top padding in the Customizer > Layout > Container.

A simple fix would be to add this CSS:

.header-wrap + .page-hero + #page .site-content {
    padding-top: 0;
}

It will remove that padding when there is a merged page hero above the content.

Ideally – if you’re building pages that have full width content, then you should:

1. Set the Content Container to Full Width:

https://docs.generatepress.com/article/content-container/

2. Construct the page sections using a GB Container Block.

This method removes all the themes padding, and now you can set the widths and padding in each of the sections to suit your design.

[Thassia]

Thank you, the CSS worked!
The container was set at full width but it was inside another box, so maybe that was the problem.
Appreciate your help, have a great day!

[David]

You’re welcome

[Author]

Posts