Выравнивание товаров в мобильной версии сайта

[Muravey]

Доброго времени суток, уважаемые специалисты-форумчане!
Прошу Вашей помощи в решении сложной для меня задачи. По возможности ткните носом куда следует. Спасибо!
Магазин: woocommerce https://jerkbaits.ru/
Тема: Hestia
Проблема: В мобильной версии сайта (см. скрины) карточки товаров поочередно, через один, отображаются некорректно - большая,маленькая,большая , маленькая...Например тут на компе-норм, а в мобил. версии-неодинаково.
Задача: выровнить товары в моб. версии одинаково.
Думаю, что проблема в теме т.к. при использовании стандартной темы WP данная проблема отсутствует.

 

[Muravey]

Обнаружил, что подкатегории в таком виде уменьшаются с каждым новым "подуровнем" . т.е. главные категории отражаются норм. а все последующие, внутренние подкатегории уменьшаются таким образом, но только в мобильной версии сайта. Вопрос, где это можно отключить?

 

[ADv]

Обнаружил, что подкатегории в таком виде уменьшаются с каждым новым "подуровнем" . т.е. главные категории отражаются норм. а все последующие, внутренние подкатегории уменьшаются таким образом, но только в мобильной версии сайта. Вопрос, где это можно отключить?

Поправить можно в таблице стилей.

 

[Navigator1974]

В общем, если тема на бустстрапе то ищи стили css типа @media (max-width: 358px) and (min-width: 321px), ищи под свое разрешение только , и под этой строчкой все CSS будут которые надо изменить при условии определенного разрешения, но я сомневаюсь что дело в CSS просмотри внимательно настройки темы, попробуй их переустановить врядли изготовители темы такой косяк могли бы не заметить...

 

[Navigator1974]

вообшем, у вас

.woocommerce ul.products li.product {
width: 30%;
}
вот эти 30% сделайте в 100%, кроме этого проверьте в ваших CSS все @media (max-width: 000px) and (min-width: 000px) какие они вообще есть и под каждым разрешением проставьте свои значения. В данном случае у вас на картинки отводится 30% пространства, и ещё у вас css какимито встроенными средствами ещё вмешивается, или в настройках темы вы вставили или в может в визуал композере.

 

[Navigator1974]

В соответствующих вьюпортах поставить нужное значение, если для телефонов то ставьте 100%, если для планшетов то мошно и по 30% (в три ряда будет или 50% будет в два ряда) т.е. на картинку эту отвеодится столько то % эурана

 

[Navigator1974]

В соответствующих вьюпортах поставить нужное значение, если для телефонов то ставьте 100%, если для планшетов то мошно и по 30% (в три ряда будет или 50% будет в два ряда) т.е. на картинку эту отвеодится столько то % эурана

 

[UDM]

Почти такая же проблема. сайт plm59.ru. В мобильной версии слишком большие картинки товаров. Нашел код в с размером экрана 100%, меняю, картинка меняется текст нет, даже при минимальном проценте картинки мелкие, но все равно все в одну колонку и смещено влево.
Вопрос: Как настроит и сохранить, чтобы изображения были поменьше и хотя бы в две колонки.

 

[Navigator1974]

если сама тема сделана с учетом верски мобильных то такого не должно быть. М ещё перегенерируйте все превью, просто не нарезаны картинки под размеры