[Chris LParticipant]

Hey, I have noticed that on pages with small amounts of content that the footer is not at the bottom of the page but rather at the bottom of the content. I have seen some “sticky footer” discussions on the general wordpress support but having a hard time understanding how to apply it to this theme. Help appreciated!

Here’s the url for the site: testing.wavecrestcc.com

[AlexanderKeymaster]

Hi Chris,

Could you give an example of a page where this is occurring?

With responsive design, usually the footer immediately follows the content. IF you created a “Sticky Footer” you’d have a similar effect to the “Fixed navbar” where the footer would always show, and rest above other content when you scroll. This might not look the best on smaller screens.

One option would be to tell your content to always take up a certain amount of space. The downside would be a large gap on shorter screens, and you’d need to scroll to find the footer. You can do that with CSS (Customizer > Custom > CSS)

.x-main { min-height: 800px; }

I’m using a computer with an average monitor size, and the spacing looks nice to me. If you were planning on adding images anywhere, this might give your site a bit of extra height.

[Scott FParticipant]

This reply has been marked as private.

[MrinalMember]

Hi Chris,

You can use CSS codes provided by the Scott also, it works fine too.

Hey @Scott,

Thank you buddy for sharing your thoughts.

Have a nice day, Cheers!

[Author]

Posts