COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!
-
Публикации
19 -
Зарегистрирован
-
Посещение
Изменения репутации
-
J-Oc изменил репутацию jaffagold в Мобильная версия в 2 столбца
Я не знаю ничего о вашем сайте. Я говорю о системе, методике.
Есть предопределенные классы сетки Bootstrap. У них есть свои стили в css.
Переопределять их неправильно.
Потому, что эти классы прописаны повсеместно во многих tpl-ках. И неизвестно, где эта перемена стилей проявится в ненужном месте.
Правильно - применять другой класс для того блока, который нам нужен.
Поэтому и я сказал, что правильно будет использовать класс col-xs-6 (2 колонки на мобильных экранах) вместо col-xs-12 (1 колонка на мобильных экранах).
А теперь о вашем сайте.
Там, где на главной я увидел блоки в 2 колонки на мобильном экране использован класс именно col-xs-6.
У вас, не сделано такого, как вы советуете:
.col-xs-12 {
width: 50%;
ТО есть, у вас на сайте сделано правильно, а совет вы даете ошибочный. Без обид.
Еще по вашему сайту:
1. Вам не кажется, что чем меньше экран, тем нужнее фильтр на сайте? А он у вас только на больших экранах.
(OCFilter прекрасно работает вплоть до самых малых экранов)
2. Если в product/category.tpl прописать col-xs-6, возможно, будет лучше представление на мобильных в категориях. (дело вкуса)
-