Что то произошло со слайдером кнопкой назад Prev. Страница главная где расположен слайдер прокручивается далеко вправо.
Вот CSS слайдера , проблема с bx-prev судя по всему
.
slider {
margin-top: -62px;
height: 550px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.slider .bx-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.slider .bx-controls {
position: absolute;
top: 50%;
left: 50%;
width: 1260px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slider .bx-controls .bx-prev,
.slider .bx-controls .bx-next {
position: static !important;
background: rgba(0,0,0,.5) url("arrow-right.svg") no-repeat center;
background-size: 50%;
padding: 15px;
width: 60px;
height: 60px;
border-radius: 50%;
border: none;
box-sizing: border-box;
}
.slider .bx-controls .bx-prev:hover,
.slider .bx-controls .bx-next:hover {
background-position: center;
border: none;
}
.slider .bx-controls .bx-prev {
float: left;
-webkit-transform: translateX(-130%) rotate(180deg);
-moz-transform: translateX(-130%) rotate(180deg);
-ms-transform: translateX(-130%) rotate(180deg);
-o-transform: translateX(-130%) rotate(180deg);
transform: translateX(-130%) rotate(180deg);
}
.slider .bx-controls .bx-next {
float: right;
-webkit-transform: translateX(130%);
-moz-transform: translateX(130%);
-ms-transform: translateX(130%);
-o-transform: translateX(130%);
transform: translateX(130%);
}
.slider [class^=slide] {
padding-top: 62px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
position: relative;
width: 100%;
height: 550px;
}
.slider [class^=slide] * {
position: relative;
}
.slider [id^=timer] {
position: absolute;
margin: 0 auto;
bottom: 150px;
left: 0;
right: 0;
}
.slider [id^=timer] .out_radius {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.slider .sub_menu {
position: absolute;
width: 100%;
height: 70px;
bottom: 0;
padding: 10px 50px;
z-index: 7;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.slider .sub-menu-bg {
position: absolute;
width: 100%;
bottom: 0;
height: 70px;
background-color: #000;
-moz-opacity: .2;
opacity: .2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hide {
display: none !important;
}
.slider > div a{
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
Опубликован 09.03.2018 в 18:52