Archived topic
White space between header and body when responsive
5 replies · Started by Gabriel on June 28, 2017
Hello
In the following web page, https://fundaciongermendepaz.org/, I have a white space between the image and the header when responsive or if I see it in a computer with a different screen size. If you resize your browser to make it smaller, you can see it. Can someone help me with this please?
Thank You
Hi there,
Are you using a page builder? If so can you try using Full Width in Page Builder Container metabox?
https://docs.generatepress.com/article/page-builder-container/
Let me know.
Thank you for your response!
Yes I am using themify builder. I have margin set to -5%. But when I resize the white space appears.
If you set the container to full width as Leo mentioned, you shouldn't need the -5% margin: https://docs.generatepress.com/article/page-builder-container/
Thank you, I already figured it out. I used:
.separate-containers .inside-article {
padding-top:0;
}
.separate-containers .site-main {
margin-top:0;
}
Cool :)
