Page 1 of 1

Arrow on the Slider Title is not responsive

Posted: July 16th, 2018, 5:22 am
by hadad2016
Capture.PNG
Capture.PNG (62.64 KiB) Viewed 630 times
Hello;

The arrow on the Slider Title is not responsive?
How to make it responsive!

Thank you

Re: Arrow on the Slider Title is not responsive

Posted: July 16th, 2018, 10:58 am
by support_staff
Hii,

Paste the given css in custom css box and save -

@media(max-width:480px){
.w_slider .swiper-button-next::before, .w_slider .swiper-container-rtl .swiper-button-prev::before, .w_slider .swiper-button-prev::before, .w_slider .swiper-container-rtl .swiper-button-next::before {
height: 45px !important;
width: 24px !important;
}
.w_slider .swiper-button-prev::after, .w_slider .swiper-container-rtl .swiper-button-next::after {
left: -6px !important;
margin-top: 0px !important;
}
.w_slider .swiper-button-prev::after, .w_slider .swiper-container-rtl .swiper-button-next::after {
font-size: 30px !important;
}
.w_slider .swiper-button-next::after, .w_slider .swiper-container-rtl .swiper-button-prev::after {
font-size: 30px !important;
}
.w_slider .swiper-button-next::after, .w_slider .swiper-container-rtl .swiper-button-prev::after {
right: 6px !important;
}
.w_slider .swiper-button-prev, .w_slider .swiper-container-rtl .swiper-button-next {
left: 21px !important;
}
.w_slider .swiper-button-next, .w_slider .swiper-container-rtl .swiper-button-prev {
right: 14px !important;
}
}

Thanks.