resulta que tengo un Owl Carrousel del 100% en tamaño de la página (Vista desde un celular) Pero este solo me permite deslizar las imagenes en horizontal para cambiarlas, sin embargo cuando quiero deslizar la página verticalmente no puedo hacerlo ya que el Carrusel ocupa el 100% de la pantalla, he visto algunos códigos por ahí pero ninguno me ha servido, si alguien me puede ayudar, de ante mano. Muchas gracias de verdad. Este es el código del Carrusel...
<section class="home-slider owl-carousel">
<div class="slider-item" style="background-image:url(images/fondo5.jpeg);">
<div class="overlay"></div>
<div class="container" >
<div class="row no-gutters slider-text align-items-center justify-content-start" data-scrollax-parent="true">
<div class="col-md-7 ftco-animate" >
<img src="logos/logo.png" style="max-width: 100%;">
<span class="subheading">Servicio técnico especializado en las mejores marcas del mercado con repuestos genuinos y con el respaldo del trabajo garantizado.</span>
<p><a href="contact.html" class="btn btn-primary px-4 py-3 mt-3">Solicitar Servicio</a></p>
</div>
</div>
</div>
</div>
<div class="slider-item" style="background-image:url(images/fondo5.png);">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text align-items-center justify-content-start" data-scrollax-parent="true">
<div class="col-md-7 ftco-animate">
<img src="logos/logo.png" style="max-width: 100%">
<span class="subheading">Servicio técnico especializado en las mejores marcas del mercado con repuestos genuinos y con el respaldo del trabajo garantizado.</span>
<p><a href="contact.html" class="btn btn-primary px-4 py-3 mt-3">Solicitar Servicio</a></p>
</div>
</div>
</div>
</div>
</section>
Y a continuación la configuración que viene por defecto:
var carousel = function() {
$('.home-slider').owlCarousel({
loop:true,
autoplay: true,
margin:0,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
nav:false,
autoplayHoverPause: false,
items: 1,
navText : ["<span class='ion-md-arrow-back'></span>","<span class='ion-chevron-right'></span>"],
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}