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>
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;
}
header {
background: #fff;
}
.wrap {
flex-wrap: wrap;
flex-direction: column;
}
.mini {
box-sizing: border-box;
}