Настройка вида товара в каталоге

голоса: 0

Добрый день!

В настройках магазина "Количество колонок для отображения товара:" значение 2. На экране компьютера выглядит достойна\о,  а на мобильных экранах  - это 2 узких блока с широким расстоянием между ними.

Помогите, пожалуйста, с настройками:

1. Как сделать чтобы на мобильных устройствах была одна колонка?

2. Как уменьшить расстояние между ними?

3. Как уменьшить размер шрифта у текста, выводимого с помощью условных операторов ($NAME$, $PRICE_IN$ и т.д.) на мобильном экране? В css нашла эти настройки, изменила, для экрана ПК, но для экрана мобильного они все еще велики.

Адрес сайта: http://bashnedvizhimost.ru/shop/vtorichnaya_nedvizhimost . Смотреть именно страницы категорий, т.к. на главной магазина я пробую информер.

Спасибо!

 

 

| Автор: | Категория: Интернет-магазин

Ответов: 1

Голоса: +1
 
Лучший ответ

Попробуйте в стили прописать что-то подобное:

@media screen and (min-width: 320px) and (max-width: 650px) { 
.goods-list td {
    width: 100%!important;
    float: left;
}
}

| Автор:
Выбор ответа лучшим | | Автор: Мария Стар
...