Manchmal kommt es vor, daß responsive Theme-Inhalte nicht korrekt dargestellt werden, wenn sich die Größe des Browserfensters ändert. Mit dem folgenden Trick wird ein Page-Refresh erzwungen, so daß das Layout sauber neu aufgebaut wird. Dieser Trick funktioniert nicht nur in WordPress, sondern generell.

Avada: Keine Refresh Loops, bitte!

Bei einigen Frameworks, wie z,B. Avada kommt es bei einem simplen Refresh On Resize zu einer Endlosschleife von Refreshs. Das folgende Script nutzt einen Timer-Mechanismus, der das verhindert:

<script>
var dwidth = jQuery(window).width();
jQuery(window).bind('resize', function(e){

    var wwidth = jQuery(window).width();

    if(dwidth!==wwidth){
     dwidth = jQuery(window).width();

    if (window.RT) clearTimeout(window.RT);
    window.RT = setTimeout(function(){
        this.location.reload(false); /* false to get page from cache */
    }, 1000);
}
});
</script>