1

Тема: Слетел слайдер товаров в мобильной версии

К примеру https://крымский-инструмент.рф/product/akkumuljatornyj-shurupovert-stromo-sa12li-12vt/ Отображает первую картинку, нажимаю на вторую малое изображение она активируется но большой ее версии не видно, хотя если нажать увеличить то все видно. Причем в пк версии все работает.   Тема Seos Video, WordPress версия 5.3

2

Re: Слетел слайдер товаров в мобильной версии

У вас цсс для мобильного устрйоства, который ломает всё

@media screen and (max-width: 42.5em) {
#primary, body, #page, #site-navigation, .main-navigation, .seos-headline, .seos-headline h3, #content main, .content-area, main, #main, .site-main, section, article, aside, footer, header, form, #content aside, figure, .hentry {
    display: block;
    width: 100% !important; /* Вот в этом месте ломается галерея */
    float: none;
    clear: both;
    position: static;
    margin: 0 auto;
    padding: 0;
}
}

3

Re: Слетел слайдер товаров в мобильной версии

Подскажите как это исправить. Я в css не разбираюсь.

4

Re: Слетел слайдер товаров в мобильной версии

!important убрал и все заработала. Спасибо вам большое !!!