UiKit - Joomla 3.x: Шаблоны, разметка и макеты вывода

<script>
jQuery(document).ready(function(){
jQuery("#tt").on('display.uk.check', function(){
   var slider = UIkit.slider('.uk-slider-container', {});
  });
});
</script>	

jQuery("#tt").on('display.uk.check', function(){
   var slider = UIkit.slider('.uk-slider-container', {});
   jQuery(window).resize();
  });

<div class="uk-position-relative">
		<div></div>
		<div data-uk-sticky>
			<nav class="uk-position-top uk-position-z-index">
				<ul class="uk-navbar-nav">
					<li><a href="">...</a></li>
					<li><a href="">...</a></li>
					<li><a href="">...</a></li>
				</ul>
			</nav>
		</div>
		<ul class="uk-slideshow uk-slideshow-fullscreen" data-uk-slideshow="{autoplay:'5s', kenburns:'50s'}">
			<li><img src="img/slide1.jpg" alt=""></li>
			<li><img src="img/slide2.jpg" alt=""></li>
			<li><img src="img/slide3.jpg" alt=""></li>
		</ul>
	</div>
	<div style="height: 500px;"></div>

<style>
	
#header {
	height: 50px;
	background: rgba(227, 227, 227, 0.52);
}

.z-index-my {
	z-index: -1;
}

.colortest1 {
	background: rgba(150, 66, 41, 0.45);
}
</style>
	<!-- Основной резиновый контейнер -->
	<div id="header"></div>
	

		<div data-uk-sticky class="colortest1 uk-container uk-container-center">
			<nav class="uk-position-z-index uk-position-relative">
				<ul class="uk-navbar-nav">
					<li><a href="">link</a></li>
					<li><a href="">link</a></li>
					<li><a href="">link</a></li>
				</ul>
			</nav>
		</div>
		<div class="uk-position-top z-index-my">
			<ul class="uk-slideshow" data-uk-slideshow="{autoplay:true}">
				<li><img src="img/slide1.jpg" width="" height="" alt=""></li>
				<li><img src="img/slide2.jpg" width="" height="" alt=""></li>
				<li><img src="img/slide3.jpg" width="" height="" alt=""></li>
			</ul>
		</div>
	<div style="height: 5000px; background: rgba(53, 58, 205, 0.45);"></div>