White space below header on home page

Hi Matt,

That's the top part of the site container.

If you want to remove this padding only on the home page, try this CSS:

.home.separate-containers .inside-article {
    padding-top: 0;
}

Let me know if this helps :)

Thank you that did it. Now there is a thin bar between the header and the larger section below it.

Try to add this CSS as well:

.home.separate-containers .site-main {
    margin-top: 0;
}

I seem to have this issue on every page.

Here is another example.
https://activedirectorypro.com/ad-bulk-user-creation-tool/

Will I need to put in custom css for every group I create to fix these?

Am I doing something wrong to cause this? It seems odd that by just adding a group with two columns that there are these display issues.

Would one container work better for you?
https://docs.generatepress.com/article/content-layout/

Still has issues when I changed it.

Here is what I'm doing. I add a group, I change it to full width, change its background color to white and add content (header and some posts).

I just did this on my home page and there are two gray bars to the left and right (it seems like space between blocks)

Can you try setting the content container width to full width on those static pages where you use full-width block?

https://docs.generatepress.com/article/layout-metabox-overview/

Let me know if this helps :)

The content full width fixed it. Thank you

Glad to hear.

Just want to mention that you might want to use the container and columns block from GenerateBlocks to create the layout:
https://docs.generateblocks.com/article/container-overview/
https://docs.generateblocks.com/article/grid-overview/

It's much better than the align-full blocks and columns block from WordPress core :)

I tried GenerateBlocks but it crashed the page I used it on :(

It definitely shouldn't as my reply suggested here:
https://generatepress.com/forums/topic/add-one-icon/#post-1903856