Footer position

Hey there 1-jah,

How are you doing today?

Mobile resolutions shouldn’t be problematic as any content on the page should be larger then the actual screen, for desktop what you could do is add minimum height for your content are element so you can push the footer to the bottom.

If you want to do that please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

https://www.ads-software.com/plugins/simple-custom-css

@media screen and (min-width: 900px) {
.entry-content {
    min-height: 780px;
}
}

Hope this helps ??

Cheers,
Bojan

Bojan,

I know about that code and it’s function. However, this may be uncommon, but my client and many of his clients use big screen tvs as their monitors. 25500X2500 res. So believe me, that won’t resolve the issue. Just move it down and then on smaller screens, ie desktops and mobile it will have people scrolling on some pages with the assumption that there is more content when all there is is a footer sitting at the bottom of a page under an extremely long white gap above it and below the content. That’s not very balanced, ergonomic, nor efficient.

Thanks for the advice anyhow.

Anyone else have a suggestion to resolve this issue on a large screen with any amount of content and working on mobile without interfering with the content?

Hey 1-jah,

You can use different media query for large screens as well, replacing 900 with another value for higher resolutions and setting bigger minimum height can do the trick as well.

Hope this helps ??

Best regards,
Bojan

Another potential solution would be to ‘fix’ it to the bottom of the screen and add padding-bottom to the content section.