Доброго времени суток всем, суть проблемы: Имеется на странице slick slider. Есть необходимость разместить его абсолютным позиционированием, но если задать ему position: absolute, то его элементы становятся невероятной ширины. Как это можно побороть? Я уже и в кучу оберток засовывал его и что только не пробовал. Делал абсолютными обертки и все тщетно... Вот ссылка на слайдер
HTML:
<div class="wrapper">
<div class="wrap">
<div class="slider">
<div class="list" ></div>
<!-- /.slider-item -->
<div class="list sec" ></div>
<!-- /.slider-item -->
<div class="list" ></div>
<!-- /.slider-item -->
<div class="list sec" ></div>
<!-- /.slider-item -->
<div class="list" ></div>
<!-- /.slider-item -->
</div>
</div>
<!-- /.wrap -->
</div>
<!-- /.wrapper -->
CSS:
.wrapper{
position: absolute;
}
.slider {
width: auto;
margin: 30px 50px 50px;
position: relative;
}
.list{
padding-left: 10px;
padding-right: 10px;
width: 50px;
height: 50px;
background-color: #aeaeae;
}
.sec{
background-color: red;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-dots {
bottom: -30px;
}
Js:
$(".slider").slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
dots: true,
});