3 columns grid not responsive

Hey ADAGE,

I couldn’t reproduce that on my end using Chrome, could you post a screenshot of the issue and in which browser we can reproduce it please?

Best regards,
Rikard

Hi,

Thanks for the screenshot. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.av_one_third {
    width: 100% !important
    min-width: 100% !important;
    margin-left:0 !important;
}
}

Best regards,
Rikard

Hi,

The columns are not responding correctly because the sections are outside the main container. We moved the map inside a grid row element and then added the following script in the functions.php file to fix the issue temporarily.

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

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

		child.insertAfter(parent);
	}

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

Best regards,
Ismael

Hi,

@fulanoinc: Are you using a custom post type? You should add that in the builder’s list of supported post types using the “avf_alb_supported_post_types” filter. Example of the filter usage can be found in the following thread.

// https://kriesi.at/support/topic/missing-adva-layout-builder-in-custom-post-types-after-updating-to-version-4-5-4/#post-1078672
// https://kriesi.at/support/topic/menu-not-visible/#post-1097923

You don’t need to add the script above.

Best regards,
Ismael