<span>
со свойством display: inline-block
, либо по-грязному прописать display: table
для <li>
pointer-events: auto
после того, как анимация закончится<script>
window.onload = function(){
document.getElementById('test').style.webkitTransform = "translate3d(0px, 250px, 0px)";
setTimeout(function(){
document.getElementById('test').style.pointerEvents = "auto";
},400)
}
</script>
burger.on('click', function(){
menu.toggleClass('visible')
})
.wrap {
flex-wrap: wrap;
flex-direction: column;
}
.mini {
box-sizing: border-box;
}
$(document).ready(function(){
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
simulateTouch: false,
paginationClickable: true,
spaceBetween: 30,
centeredSlides: true,
autoplay: 5000,
loop: true,
autoplayDisableOnInteraction: false,
});
owl.owlCarousel({
navigation : false,
singleItem : true,
slideSpeed : 300,
paginationSpeed : 400,
autoPlay: true,
transitionStyle : "fade",
addClassActive : true,
afterAction: function(){
$('p').removeClass('fadeInDown');
$('.active p').addClass('fadeInDown');
}
});
.menu li:nth-child(n+5){
margin-left: 215px;
}
.menu li:nth-child(5){
margin-top: -108px;
}