M
M
magic_healthy_hair2018-10-26 19:19:19
Slider
magic_healthy_hair, 2018-10-26 19:19:19

How to position carousel buttons?

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

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

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question