background-position: 0 0, или на background-position: left top, или как в вашем случае будет нужно
<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>
var tileSlider = $('.tile-slider');
tileSlider.each(function(){
var mySwiper = new Swiper(this, {
loop: true,
nextButton: $(this).parent().find('.tile-slider-next')[0],
prevButton: $(this).parent().find('.tile-slider-prev')[0]
});
});background-color для .dropdown_nav, например.
< div class="designmodo-wrapper home page page-id-1483 page-parent page-template-default" />transform: translate3d(0, 0, 0). Что и заставляет фиксированное меню вести себя так, словно оно спозиционированно относительно этого родителя, а не вьюпорта. Вот пример на codepen для наглядности: codepen.io/markdebeer/pen/qrBDmtransform: translate3d на сайте через инспектор, проблема остается (в отличие от примера на codepen). Не знаю, куда копать дальше
burger.on('click', function(){
menu.toggleClass('visible')
})body {
margin: 0;
}