スマホで確認すると縦スクロール効かない

実現したいこと

画像スライダー部分を
スマホタッチで縦スクロールできるようにする

前提

PCでは問題なく上下に動くのですが、スマホで確認すると上下に動かない

発生している問題・エラーメッセージ

**スマホで確認すると上下に動かないので動くようにしたいです**

該当のソースコード

<section class="home-slider owl-carousel"> <div class="slider-item" style="background-image: url(images/bg_5.jpg);"> <div class="overlay"></div> <div class="container"> <div class="row slider-text justify-content-center align-items-center" data-scrollax-parent="true"> <div class="col-md-8 col-sm-12 text-center ftco-animate"> <span class="subheading">Welcome</span> <h1 class="mb-4">private salon Vieliss<br>近日オープン予定</h1> <h7 class="mb-4 mb-md-5">This is a shop where carefully selected therapists offer wonderful, dense massages in a luxurious secret space.</h7> <p><span class="subheading">private salon Vieliss </span></p> </div> </div> </div> </div> <div class="slider-item" style="background-image: url(images/bg_6.jpg);"> <div class="overlay"></div> <div class="container"> <div class="row slider-text justify-content-center align-items-center" data-scrollax-parent="true"> <div class="col-md-8 col-sm-12 text-center ftco-animate"> <span class="subheading">Welcome</span> <h1 class="mb-4">private salon Vieliss<br>近日オープン予定</h1> <h7 class="mb-4 mb-md-5">This is a shop where carefully selected therapists offer wonderful, dense massages in a luxurious secret space.</h7> <p><span class="subheading">private salon Vieliss </span></p> </div> </div> </div> </div> <div class="slider-item" style="background-image: url(images/bg_3.jpg);"> <div class="overlay"></div> <div class="container"> <div class="row slider-text justify-content-center align-items-center" data-scrollax-parent="true"> <div class="col-md-8 col-sm-12 text-center ftco-animate"> <span class="subheading">Welcome</span> <h1 class="mb-4">private salon Vieliss<br>近日オープン予定</h1> <h7 class="mb-4 mb-md-5">This is a shop where carefully selected therapists offer wonderful, dense massages in a luxurious secret space.</h7> <p><span class="subheading">private salon Vieliss </span></p> </div> </div> </div> </div> <div class="slider-item" style="background-image: url(images/bg_8.jpg);"> <div class="overlay"></div> <div class="container"> <div class="row slider-text justify-content-center align-items-center" data-scrollax-parent="true"> <div class="col-md-8 col-sm-12 text-center ftco-animate"> <span class="subheading">Welcome</span> <h1 class="mb-4">private salon Vieliss<br>近日オープン予定</h1> <h7 class="mb-4 mb-md-5">This is a shop where carefully selected therapists offer wonderful, dense massages in a luxurious secret space.</h7> <p><span class="subheading">private salon Vieliss </span></p> </div> </div> </div> </div> </section>

試したこと

overflow:hiddenを確認

補足情報（FW/ツールのバージョンなど）

ボールドテキスト