Footer als „Sticky Footer“

Manchmal möchte man den Footerbereich immer am unteren Rand fixieren. Dies nennt man "Sticky Footer". Du kannst diese Funktion wie folgt nachrüsten.

1. Gehe zu DIVI > THEME OPTIONEN > INTEGRATIONS

2. Aktiviere "Enable BODY CODE"

3. Füge in das Feld BODY (Add code to the < body >) folgenden Code ein:

<script>// <![CDATA[
var th = jQuery('#top-header').height(); var hh = jQuery('#main-header').height(); var fh = jQuery('#main-footer').height(); var wh = jQuery(window).height(); var ch = wh - (th + hh + fh); jQuery('#main-content').css('min-height', ch);
// ]]></script>

Falls ihr den Footer immer unten haben möchtet, aber nicht fixiert und immer sichtbar, könnt ihr folgenden Code verwenden. Bitte fügt ihn in die style.css (über Design/Editor) eures Child-Themes ein.

html, body {height: 100%}
#page-container {position: relative; min-height:100%; height: auto !important; height: 100%; padding-bottom: 54px;}
#main-footer {position: absolute; bottom: 0; width: 100%; height:54px;}