Incorrect Section Order in RTL Mobile Display

Hi,

Please update the code:

function rtl_columns_fix(){
?>
<script>
(function($){

    var resizeTimeout, sortedReverse = false;
    $(window).resize(function () {
        if (resizeTimeout) {
            window.clearTimeout(resizeTimeout);
        }
        resizeTimeout = window.setTimeout(function () {
            var windowWidth = window.innerWidth;
            if ((windowWidth < 767 && !sortedReverse) || (windowWidth >= 767 && sortedReverse)) {

                var rtlContainer = $('.entry-content-wrapper'),
					rtlColsOdd   = rtlContainer.children('.flex_column:odd').not('.av_one_full'),
					rtlColsEven  = rtlContainer.children('.flex_column:even').not('.av_one_full'),
					cols		 = [];

				cols = $.map(rtlColsOdd, function(v, i) { return [v, rtlColsEven[i]]; });

				rtlContainer.each(function(){
				   $(this).append(cols);
			   });

                sortedReverse = !sortedReverse;
            }
        }, 100);
    }).trigger("resize");

})(jQuery);

</script>
<?php
}
if(is_rtl()) {
	add_action('wp_footer', 'rtl_columns_fix');
}

NOTE: This is only going to work on two column layouts.

Best regards,
Ismael

Hi!

You placed the code in the style.css file instead of the functions.php file. Please check it now.

Best regards,
Ismael