I have put a slideshow in for a customer and on mobile view the images are being cropped and not showing the full image and also noticed they look stretched on mobile view
The code for the slideshow is below, I think the code could probably do with a tidy up as not sure I have done it correctly.
The link to the site is https://www.ecotecfilters.co.uk/
The code for the slideshow is below, I think the code could probably do with a tidy up as not sure I have done it correctly.
- Code: Select all
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<cms:show_repeatable 'slides'>
<cms:if k_count=='1'>
<div class="item active" style="">
<cms:else />
<div class="item" style="">
</cms:if>
<cms:if "<cms:not_empty youtube_id />" >
<iframe width="100%" src="//www.youtube.com/embed/<cms:show youtube_id />?enablejsapi=1&rel=0&ps=docs&controls=1&showinfo=0" frameborder="0" id="video" allowfullscreen></iframe>
<cms:else />
<img src="<cms:show my_image />" alt="" class="">
</cms:if>
<cms:if "<cms:not_empty my_caption />" >
<div class="carousel-caption">
<h4 class=""><cms:show my_heading /></h4>
<p class="">
<cms:show my_caption />
</p>
<cms:if my_button_text>
<a class="button readmore" href="<cms:show my_button_link/>"><span class="buttontext"><cms:show my_button_text/></span></a>
</cms:if>
</div>
<cms:else />
<div class="carousel-caption">
<h4 class=""><cms:show my_heading /></h4>
<cms:if "<cms:not_empty my_button_text />" >
<a class="button hidden-xs hidden-sm readmore" href="<cms:show my_button_link/>"><span class="buttontext"><cms:show my_button_text/></span></a>
<a class="button hidden-md hidden-lg readmoresmallscreennotext" href="<cms:show my_button_link/>"><span class="buttontext"><cms:show my_button_text/></span></a>
</cms:if>
</div>
</cms:if>
</div>
</cms:show_repeatable>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
The link to the site is https://www.ecotecfilters.co.uk/