Проблема в том что когда кнопки customPreviousBtn и customNextBtn расположены выше карусели то они не работают а когда они ниже работают.
Если я правильно понял суть проблемы, то дело вот в чем:
когда ты вызываешь
carousel.next(), то ты берешь соседний "справа" от
'.carousel' DOM-элемент, т.е. тот который по DOМ структуре идет сразу за
'.carousel'
Соответственно, если ты кнопки хочешь расположить выше карусели, то логично, что этот элемент будет соседний слева от
'.carousel', т.е. по DOМ структуре идет сразу перед
'.carousel'
Для этого нужно использовать метод prev() вместо next() (читать
тут)
Пример:
carousel.prev().find(".customNextBtn").on('click', function(){
carousel.trigger("next.owl.carousel");
});
