How to position carousel buttons?

M

magic_healthy_hair2018-10-26 19:19:19

Slider

magic_healthy_hair, 2018-10-26 19:19:19

Hello, how to put the owl carousel arrows on the sides or in any other place?

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

T

tyzberd, 2018-10-26
@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; this is half the height of standard dots
or create your own navigation and specify it in the navElement options