When your WordPress page or post contains a small amount of content, the footer can sometimes sit halfway up the page leaving a blank space underneath. This looks bad, especially on a large screen. So, if you want to push that footer to the bottom of page following tricks will be perfect for you. In this code snippet, we used jQuery to push footer to the bottom. You can copy paste this code at the top of your theme’s footer.php file.
<script>
jQuery(document).ready(function() {
var contentHeight = jQuery(window).height();
var footerHeight = jQuery('.footer').height();
var footerTop = jQuery('.footer').position().top + footerHeight;
if (footerTop < contentHeight) {
jQuery('.footer').css('margin-top', 10+ (contentHeight - footerTop) + 'px');
}
});
</script>
WP Eden is a one stop WordPress resource collection including WordPress Themes, WordPress Plugins, Tips and Tutorials.
Hi,
I have a question regarding the theme ‘The Next’. I am posing the question here as the site wpeden.com does not provide any other contact details.
I find that the theme ‘the next’ is very heavy on graphics and animation (like appearance of the screen elements in an animated way while scrolling down etc.). Is there a way to disable it and make the theme function like any other normal theme? If so, I would like to purchase the theme.
Thanks
Nagaraja
Yes, We can disable animations in TheNext, if you like it that way.