[Resolved] White space below header on home page

[Matt]

There is this white block below the header on the home page, I have no idea why. Need some help removing it. site is activedirectorypro.com

[Ying]

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 🙂

[Matt]

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

[Ying]

Try to add this CSS as well:

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

[Matt]

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?

[Matt]

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.

[Leo]

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

[Matt]

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)

[Ying]

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 🙂

[Matt]

The content full width fixed it. Thank you

[Leo]

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 🙂

[Matt]

I tried GenerateBlocks but it crashed the page I used it on 🙁

[Leo]

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

[Author]

Posts