Hello,
Add the following code to Custom CSS and let me know if it helps
.swiper-custom-left, .mpc-nav-preset--default .mpcslick-prev i { left: -90px; } .swiper-custom-right, .mpc-nav-preset--default .mpcslick-next i { right: -90px; } .swiper-entry:hover .swiper-custom-left, .mpc-carousel__wrapper:hover .mpc-nav-preset--default .mpcslick-prev i { left: -60px; } .swiper-entry:hover .swiper-custom-right, .mpc-carousel__wrapper:hover .mpc-nav-preset--default .mpcslick-next i { right: -60px; } .swiper-custom-left, .swiper-custom-right, .mpc-nav-preset--default .mpc-nav__arrow i { width: 50px; height: 50px; top: calc(50% - 25px); } .swiper-custom-left:before, .swiper-custom-right:before, .hover-effect-slider .sm-arrow:before, .mpc-nav-preset--default i:before { font-size: 20px } / Arrows hovers / .arrows-hovered .sm-arrow, .arrows-hovered > .swiper-container .swiper-custom-left, .arrows-hovered > .swiper-container .swiper-custom-right { top: calc(50% - 25px); }
Regards
