Select Page

Sticky footer avec Divi

13 Oct 2015 | BLOG

Pour que le main-footer soit en mode « sticky » c’est a dire collé en bas de page quand il n’y a pas trop de contenu :
dans:

<head>

<script>
var contentHeight = jQuery(‘.entry-content’).height();
var windowHeight = jQuery(window).height();
var footer = jQuery(‘#main-footer‘);
if (contentHeight <= windowHeight ) {
footer.addClass(‘sticky‘);
}
</script>

 

et en CSS : .sticky {
position: fixed;
width: 100%;
bottom: 0;
z-index: 9;
}