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

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

Коментарии: 3

japanes

05.12.2019 15:41

Ответить

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


@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;
}
}

Kriminst

05.12.2019 15:52

Ответить

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

Kriminst

05.12.2019 16:02

Ответить

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

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

Свежее