Archived topic
Donate theme white space in the header
3 replies · Started by Thassia on May 14, 2022
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!
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.
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!
You're welcome
