Accordian Menu Stack in Mobile

Hi ind-image!

Thank you for using Enfold.

Disable the animation with the following css code.

@media only screen and (max-width: 767px) {
#top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview {
    transform: translate3d(0%, 0px, 0px) !important;
}
}

Add this in the functions.php file:

function ava_add_custom_script(){
?>
<script>
(function($){
	function b() {
   		var acch1 = 0,
   		    ww 	  = $(window).innerWidth();
                    console.log(ww);
		if (ww >= 768) {
			$('#accordion_slider_0 + #after_full_slider_0t').css('margin-top', 0);
		} else {
			$('#accordion_slider_0 .aviaccordion-slide:not(":first-child")').each(function() {
				acch1 += $(this).height();
			});

			$('#accordion_slider_0 + #after_full_slider_0').css('margin-top', acch1);
		}	
	}

   	$(window).on('debouncedresize', function() {
   		b();
   	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_add_custom_script');

Regards,
Ismael