Мобильная версия Есть решение
Доброго времени суток, разработчики!
Подскажите, где можно настроить стили для мобильной версии? Для понимаю сути проблемы делаю скриншот из инспектора http://joxi.ru/bmoqP1pI95KDXA
Хочется сделать размер шрифта в карточках товара такого же размера как описание доставки ниже :)
После вашего ответа постараюсь доработать остальные разделы мобильной версии самостоятельно, чтобы не отвелкать по пустякам.
Добавить ответ
Здравствуйте, Дмитрий!
Нет никакой мобильной версии. =)
Тема адаптивная – отображается одно и то же, только на разной ширине по разному.
Попробуйте этот код добавить в блок prostore.user_css:
@media (max-width:767px) { body #product-list .product-list .price, body .home-sets .product-list:not(.owl-theme) .price { font-size:140%; } body #product-list .product-list .product_title, body .home-sets .product-list:not(.owl-theme) .product_title { font-size: 15px; height:48px; } }@media (max-width:767px) { – говорит о том, что код внутри этой конструкции действует только на ширине ДО 767px.
Для справки:
Отлично, остался маленький нюанс - http://joxi.ru/n2YQN9DCZ1o0R2
Как сделать шрифт того же размера как основной контент?
Добавьте туда же (между @media) код:
body #product-list .product-list .compare-at-price, body .home-sets .product-list:not(.owl-theme) .compare-at-price { font-size:140%; }140% замените на необходимую цифру.
Спасибо большое! Остался один маленький нюанс с размером бейджа - http://joxi.ru/a2Xq89pIDklDbA
Как его поправить для мобилок?
Здравствуйте, Дмитрий!
Во-первых,
Во-вторых, бесплатная поддержка может не давать консультации по доработкам темы дизайна, которые не заявлены в описании темы. Я вам дал наводки как дорабатывать тему самостоятельно.
Открываете ваш сайт в инспекторе, ищите селектор (обычно это класс тега или тег с классом), который хотите доработать и меняете для него css правила в блоке prostore.user_css. Если это для мобильной "версии", то между кодом:
@media (max-width:767px) { }