Space Under Footer

Hi guys,

I noticed that some pages have space under the footer - depending on how much content the page has and how big the computer screen is.

Is there a way to fix that - display the footer at the bottom of the screen (at various screen sizes)?

Thank you,
Petar

Hi Petar,

Thank you for writing, I checked all the pages on your site and the issue is only happening on /opportunities/ page, but that is because that page has no actual content yet.

This is what I see on the other pages


Try viewing your page in Incognito or private mode of your browser where there are no caching and add-ons involve, and see if the issue is happening in there.

Cheers!

Thanks for the quick reply! The issue is only present on bigger screens:

That is a screen grab from a 27" monitor…

Hello @KCreative,

Thank you for sending out the screenshot. This issue usually happen when there aren’t enough contents to display which would compensate the browser height. It means that the page content height is less than the height of your browser’s full view.

To prevent this kind of issue, you need to set a minimum height for the page entry content. Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.page-template .entry-wrap {
    min-height: calc(100vh - 160px );
}

We would loved to know if this has work for you. Thank you.

Thank you, that fixed the issue!

You’re most welcome @kcreative! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.