1-Why is the slide show not working in the live preview?
It works on my desktop, but when I share it in the live preview, it doesn't work.
<div class="slide-show-content"><!-- /image gallery slideshow-->
<div class="slide-show-default">
<div class="container">
<div class="row">
<div id="app" class="col-xs-12">
<div id="wrapper-sliderTv">
<!-- sliderTV html-->
<div id="sliderTV" class="sliderTV">
<!-- slidable items in carousel -->
<div id="item-0" class="sliderTV__item">
<h1>Amélie</h1>
<img src="assets/amelie.jpg">
</div>
<div id="item-1" class="sliderTV__item">
<h1>Django Unchained</h1>
<img src="assets/django-unchained.jpg">
</div>
<div id="item-2" class="sliderTV__item">
<h1>Fight Club</h1>
<img src="assets/fight-club.jpg">
</div>
<div id="item-3" class="sliderTV__item">
<h1>Forrest Gump</h1>
<img src="assets/forrest-gump.jpg">
</div>
<div id="item-4" class="sliderTV__item">
<h1>Inglourious Basterds</h1>
<img src="assets/inglourious-basterds.jpg">
</div>
<div id="item-5" class="sliderTV__item">
<h1>Inside Out</h1>
<img src="assets/inside-out-2015.jpg">
</div>
<div id="item-6" class="sliderTV__item">
<h1>Interstellar</h1>
<img src="assets/interstellar.jpg">
</div>
<div id="item-7" class="sliderTV__item">
<h1>Léon: The Professional</h1>
<img src="assets/leon-the-professional.jpg">
</div>
<div id="item-8" class="sliderTV__item">
<h1>San Andreas</h1>
<img src="assets/san-andreas.jpg">
</div>
<!-- optional navigational arrows -->
<div class="sliderTV__prev">❰</div>
<div class="sliderTV__next">❱</div>
</div>
</div>
</div>
</div>
</div>
</div>
2-Why does using Owl Carousel slider hide some other jQuery elements?
The problem arises where it gets hidden when I use the Owl Carousel in the same section.
<li class="body">
<div class="collapse" id="media-one">
<div class="body-content">
<div class="icons-default"><!--icons-->
<div class="icons">
<ul class="icons-content">
<li>
<button class="btn" type="button">
<i class="fa fa-commenting"></i>
</button>
<span>comment</span>
</li>
<li>
<button class="btn" type="button">
<i class="fa fa-heart"></i>
</button>
<span>like</span>
</li>
<li>
<button class="btn" type="button">
<i class="fa fa-share-alt"></i>
</button>
<span>share</span>
</li>
</ul>
</div>
</div>
<div class="comments"><!-- comments-->
<ul class="comments-content clearfix"> <!-- item 1-->
<li class="img">
<img src="imgs/media/post-profile.png" alt="//" />
</li>
<li class="details">
<span class="head">Mohamed Samy</span>
<span class="text">
Praesent ac condimentum felis. Nulla at nisl orci, at dignissim dolor raesent ac condimentum felis
</span>
</li>
</ul>
<ul class="comments-content clearfix"> <!-- item 2-->
<li class="img">
<img src="imgs/media/post-profile.png" alt="//" />
</li>
<li class="details">
<span class="head">Mohamed Samy</span>
<span class="text">
Praesent ac condimentum felis. Nulla at nisl orci, at dignissim dolor raesent ac condimentum felis
</span>
</li>
</ul>
<ul class="comments-content clearfix"> <!-- item 3-->
<li class="img">
<img src="imgs/media/post-profile.png" alt="//" />
</li>
<li class="details">
<span class="head">Mohamed Samy</span>
<span class="text">
Praesent ac condimentum felis. Nulla at nisl orci, at dignissim dolor raesent ac condimentum felis
</span>
</li>
</ul>
</div>
</div>
</div>
</li>
I hope my question is clearer now.
Live Link: