Сообщение # 1 | 14:50:43 23 Май 2016
Дело вот в чём:

делал дизайн на заказ, в настройках модуля интернет-магазина указал "Количество колонок для отображения товара:" цифру 3.

Сейчас снова делаю дизайн, но уже мобильную версию. Сперва сверстал всё на локальном сервере, начал переносить на юкоз и тут эти настройки колонок с десктопной версии оказались глобальными. В мобильной версии кол-во колонок зависит от ширины viewport девайса, но юкоз сам пичкает столбцы и ширину 30%. Как быть? Как избавиться от юкозовской "вёрстки"?
Пробовал


Код
.catalog tr * {
   display:inline-block;
}

#goods_cont table.goods-list {
   padding:0;
   width:100%;
}


Это , не то чтобы помогло, но теперь колонки сами выстраиваются хаотично

Добавлено (23 Май 2016, 14:50:43)
---------------------------------------------
Прошу прощения за тред, но я уже разобрался с проблемой.

Решение, если кому надо:

В настройках модуля ставлю
Количество колонок для отображения товара на цифру 1
Тег для обрамления одноколоночного списка ставлю div
Ширина колонки в каталоге оставляю 0

Далее у меня в css под классом catalog-product были указаны столбики ширины body зависимо от ширины вьюпорта, например:
если юзер зашёл с iphone и смотрит в портретном режиме, то ширина колонки будет 45% , т.е. будет два столбца с товарами.

Либо в лэндскейп ориентации, тогда ширина 30% и будет три столбца товаров.

Так вот какой фикс собсна:
пишу стиль для .list-item (этот класс пишет юкоз сам) и даю ему свойство width:30% либо 45% соответсвенно, а в catalog-product убираю свойство ширины.
На всякий случай написал ещё display:inline-block и убрал внешние и внутренние отступы.

Получилось такое:


Код
.list-item {
      margin:0;padding:0;
      display:inline-block;
      width:45%;
   }


ну и с помощью медиа-запросов запилил отдельно для каждой ширины вьюпорта