[Resolved] Gap between Primary Navigation Menu and Content on home page

[Tim]

Hi,

I’m trying to freshen up my homepage, but I have a stubborn white gap between my primary navigation menu and the beginning of the hero image. There’s no top padding on the image’s container on the page and no settings in Customizer that look like it’ll fix the issue. Can you assist please?

Thanks,

Tim

[David]

Hi there,

try adding this CSS:

.home #main,
.home #main .inside-article {
    padding-top: 0;
    margin-top: 0;
}

As a general rule if you’re building a static page with a full width layout, then setting the Content Container to Full Width:

https://docs.generatepress.com/article/content-container/

This gives you a blank 100% wide canvas with no theme padding or margins.
You can then build the page with GenerateBlocks and set your own padding and container widths.]

[Tim]

You rock. Thank you!

[David]

You’re welcome

[Author]

Posts