[Resolved] White space between header and body when responsive

[Gabriel]

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

[Leo]

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.

[Gabriel]

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.

[Tom]

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/

[Gabriel]

Thank you, I already figured it out. I used:

.separate-containers .inside-article {
padding-top:0;
}
.separate-containers .site-main {
margin-top:0;
}

[Tom]

Cool 🙂

[Author]

Posts