Enfold 4.1.2 & WPML – translated pages break when using "Screen options"

Seems I´m not the only one – the bug is there for some months now:
https://kriesi.at/support/topic/style-and-responsive-problem-with-translated-pages-in-enfold-and-wpml/

The provided script fix does not work any more. Could you please inform Kriesi so this can be solved?

Best regards,
Jan

Hi Ismael,
all elements that can be placed in a color section are placed in it.
Exceptions: One advanced slider & two tab sections.

I even removed all other elements for testing so there´s just one color section left. Found out the setting for “Equal Height Columns” causes the problem. Please have a look on the screenshot: http://deeluuxe.com/downloads/enfold-colums.png

So I edited one of the translated pages and set “Equal Height Columns” to “Individual height” and the layout is fine again. So it´s definitely a bug in the Avia Layout Builder that should be fixed.

• This reply was modified 6 years, 9 months ago by deeluuxe.

Hi Ismael,

when using Enfold 4.1.2 the script fix also has to be extended. Here´s the code:

function ava_custom_script_fix(){
?>
<script>
(function($){
	function a1() {
		var grid = $('body').children('.avia-section, .av-layout-grid-container, .av-tab-section-container');
		$(grid).appendTo('#wrap_all #main');
	}

	a1();
	
	function a2() {
		var child = $('.avia-section, .av-layout-grid-container').find('.avia-section, .av-layout-grid-container'),
			parent = child.parents('.avia-section, .av-layout-grid-container');

		child.insertAfter(parent);
	}

	a2();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_fix');

Hi Ismael,

no, there are no “sections within sections” or “grid within grid” in the page – this would not be possible in the Layout Builder I think.
Just got the code from:
https://kriesi.at/support/topic/the-translated-page-with-wpml-does-not-respect-the-left-vertical-menu/page/2/

I only added “.av-tab-section-container” here because the tabs were placed outside the #wrap_all container, too.
var grid = $('body').children('.avia-section, .av-layout-grid-container, .av-tab-section-container');

If it helps I could send you the source (the one from the builder) from a page if you like.

Best regards,
Jan