Здравствуйте!
Проблема со слайд шоу.
На компьютерах отображается корректно.
Если открыть на мобильном, все картинки отображаются друг под другом вертикально.
Пожалуйста, помогите решить проблему.
на мобильном прогружается код
<div id="homepage-slider">
<ul id="homeslider" style="max-height:450px;">
<li class="homeslider-container">
,,,,,
на компе
<div id="homepage-slider" class="col-xs-12">
<div class="bx-wrapper" style="max-width: 1150px; margin: 0px auto;">
<div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 398px;">
<ul id="homeslider" style="max-height: 450px; width: 915%; position: relative; left: -6900px;">
,,,,,
код модуля
{if ! ((int)Tools::getValue('id_cms')|in_array:array(1,4,5,10,11,12,13,14,15))}
<!-- Module HomeSlider -->
{if isset($homeslider_slides)}
<div id="homepage-slider">
{if isset($homeslider_slides.0) && isset($homeslider_slides.0.sizes.1)}{capture name='height'}{$homeslider_slides.0.sizes.1}{/capture}{/if}
<ul id="homeslider"{if isset($smarty.capture.height) && $smarty.capture.height} style="max-height:{$smarty.capture.height}px;"{/if}>
{foreach from=$homeslider_slides item=slide}
{if $slide.active}
<li class="homeslider-container">
<a href="{$slide.url|escape:'html':'UTF-8'}" title="{$slide.legend|escape:'html':'UTF-8'}">
<img src="{$link->getMediaLink("`$smarty.const._MODULE_DIR_`homeslider/images/`$slide.image|escape:'htmlall':'UTF-8'`")}"{if isset($slide.size) && $slide.size} {$slide.size}{else} width="100%" height="100%"{/if} alt="{$slide.legend|escape:'htmlall':'UTF-8'}" />
</a>
{if isset($slide.description) && trim($slide.description) != ''}
<div class="homeslider-description">{$slide.description}</div>
{/if}
</li>
{/if}
{/foreach}
</ul>
</div>
<br style="clear:both" />
{/if}
<!-- /Module HomeSlider -->
{/if}
Проблема с модулем homeslider