[Resolved] White Space Below Footer Area

[Ika]

Hi,
Am currently using Theme-Split.

I encountered the same issue as https://generatepress.com/forums/topic/white-space-below-footer-on-one-page/.

I had pasted the suggested css which is below:-

.home .site-footer {
margin-top: -53px;
position: relative;
}

The white space dissapears when viewed on desktop. However, there is still white space when viewed on mobile.

Pls assist.

[Leo]

Hi there,

That’s not a good code to use.

I just checked the site and not seeing any unusual space before the footer.

Try these things:

– Use one container layout instead of separate containers:
https://docs.generatepress.com/article/content-layout/

– Reduce the bottom padding:
https://docs.generatepress.com/article/content-padding/

[Ika]

Hi Leo,

I’ve tried both suggestions and found that increasing the bottom padding from 30 px to 300 px eliminate the white space (Am not comfortable with putting the bottom padding that much).

I did some testing and noted that increasing the content length to around 60 words would solve the issue.

Is it possible for you to consider my feedback as one of areas for improvement pls. Would be great to have a consistent appearance throughout the theme regardless of content length.

Tq Leo.

[David]

Hi there,

try this CSS method to keep the footer at the bottom of the screen:

https://generatepress.com/forums/topic/cant-get-menu-nav-or-footer-to-be-sticky/#post-1232453

[Ika]

Hi David.

The CSS works. Tq for the help.

[David]

You’re welcome

[Author]

Posts