Accordion Slider Mobile – 3 full width underneath each other

Hey darneson!

Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 768px) {
#top .aviaccordion {
    max-height: 100%!important;
    position: initial;
}
#top .aviaccordion-slide {
    position: initial;
}}

Best regards,
Yigit

Hi,

Please add this in the functions.php file:

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

			$('#about + #accordion_slider_1 .aviaccordion-slide:not(":first-child")').each(function() {
					acch2 += $(this).height();
			});

			$('#about').css('margin-top', acch1);
			$('#video').css('margin-top', acch2);
		}	
	}

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

Best regards,
Ismael