Just copy and paste onto the mobile main page.

auto sliding mobile banner

<style>

.mobileSlide img{
height:auto!important;
width:auto!important;
}

	@media screen and (orientation:portrait) {
		.mobileSlide{
			display:none;
			width:auto;
			height:auto;
			margin-left:auto;
			margin-right:auto;
		}
	}
	@media screen and (orientation:landscape) {
		.mobileSlide{
			display:none;
			width:100%;
			height:auto;
			margin-left:auto;
			margin-right:auto;
		}
	}
</style>
<div style="">
	[ekm:element]
		element_reference='slide-1';
		output_start='<div class="mobileSlide">';
		output_end='</div>';
		output_default='';
	[/ekm:element]
	[ekm:element]
		element_reference='slide-2';
		output_start='<div class="mobileSlide">';
		output_end='</div>';
		output_default='';
	[/ekm:element]
	[ekm:element]
		element_reference='slide-3';
		output_start='<div class="mobileSlide">';
		output_end='</div>';
		output_default='';
	[/ekm:element]
	[ekm:element]
		element_reference='slide-4';
		output_start='<div class="mobileSlide">';
		output_end='</div>';
		output_default='';
	[/ekm:element]
</div>
<script>
	var slideIndex = 0;
	mobileBanner();

	function mobileBanner() {
	    var i;
	    var x = document.getElementsByClassName("mobileSlide");
	    for (i = 0; i < x.length; i++) {
	      x[i].style.display = "none";
	    }
	    slideIndex++;
	    if (slideIndex > x.length) {slideIndex = 1}
	    x[slideIndex - 1].style.display = "block";
	    setTimeout(mobileBanner, 3000); }
</script>