Arrow on the Slider Title is not responsive

Ask Corporal Premium Theme Installation, Settings & Configuration, Problem, Error & Bug Related Issues Here

Moderator: forum_m

Post Reply
hadad2016
Posts: 190
Joined: December 18th, 2015, 4:06 am

Arrow on the Slider Title is not responsive

Post by hadad2016 » July 16th, 2018, 5:22 am

Capture.PNG
Capture.PNG (62.64 KiB) Viewed 907 times
Hello;

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

Thank you

support_staff
Posts: 7204
Joined: February 26th, 2015, 1:40 pm

Re: Arrow on the Slider Title is not responsive

Post by support_staff » July 16th, 2018, 10:58 am

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.

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”