Topic: Space between footer area and main body removal

forexjoustar
May 1, 2023 at 11:09 pm

Hi,

I have built a site however, on one of my pages, there is a gap between the footer area and the body. If you scroll to the bottom, you will see the white gap between the 2 blue areas (footer and body). How do I remove this?
Fernando
May 1, 2023 at 11:27 pm

Hello there,

Remove the Separating space and the Bottom padding on Appearance > Customize > Layout > Container.

Reference: https://docs.generatepress.com/article/container-layout-overview/
forexjoustar
May 2, 2023 at 8:53 am

It has made an improvement but even when Content Padding Bottom is set to 0, there is a small gap.
Ying
May 2, 2023 at 11:06 am

Hi there,

Based on your site design, you should be using one container layout instead of separate containers.

Can you go to customizer > layout > container > Content Layout and change it to one container?
forexjoustar
May 2, 2023 at 8:39 pm

That appeared to remove the gap however, the other elements on the page, including the top menu shift positions. Is there a way to only allow the gap to be removed without anything else getting affected? I can provide you admin details if you like.
Fernando
May 2, 2023 at 9:01 pm
You can set it to One Container and then add top padding to the Container.

Or, you can try adding this through Appearance > Customize > Additional CSS:
```
.separate-containers .site-main {
    margin-bottom: 0;
}
```

Viewing 6 posts - 1 through 6 (of 6 total)

Space between footer area and main body removal