• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

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

Muravey

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

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% будет в два ряда) т.е. на картинку эту отвеодится столько то % эурана
 

Вложения

  • картинка.png
    картинка.png
    70.7 KB · Просмотры: 14

UDM

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

Navigator1974

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