magic_healthy_hair

.custom-owl-carousel .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -20px;  
}
.custom-owl-carousel .owl-nav button.owl-prev {
    left: -24px;
}
.custom-owl-carousel .owl-nav button.owl-next {
    right: -24px;
}

margin-top: -20px; это половина высоты стандартных dots
или создать свою навигацию и указать её в опциях navElement