Адаптивность "Кнопки добавить в корзину."

[Plastiplus]

Добрый день.
1. На сайте http://plastiplus.pp.ua/product-category/tatami-lastochkin-hvost-eva/ перестала (а может и не работала) адаптивность для кнопок "добавить в корзину" и "фильтровать", при уменьшении разрешения, кнопки сливаются в один блок или наползают друг на друга. Куда и как прописать процентное уменьшение кнопок при изменении величины разрешения?

Заранее спасибо за ответы)

 

[Попай]

1. Кнопка добавить в корзину работает. Про какую адаптивность идет речь?
2. Это тема для новой темы, не надо в одной теме разные вопросы задавать.

 

[Plastiplus]

1. Кнопка добавить в корзину работает. Про какую адаптивность идет речь?

Она работает, но на мобильных девайсах вот так вот , сливается в одно строку и налазит друг на друга.

 

[Попай]

Так потому, что слишком мелкий экран для 2 колонок товаров. Лучше сделать в 1 колонку. Конечно и можно попробовать сделать адаптивные кнопки.

 

[Plastiplus]

Так потому, что слишком мелкий экран для 2 колонок товаров. Лучше сделать в 1 колонку. Конечно и можно попробовать сделать адаптивные кнопки.

Ок, а где сделать в одну колонку?

 

[Попай]

😵 Вот этого я не знаю, надо смотреть настройки шаблона. Есть ли там такое.

 

[Di Ost]

Plastiplus, я могу предложить Вам наиболее оптимальный вариант меньшей кровью.
Добавив для блоках на сайте минимальную ширину, до которой они доходят и останавливаются уменьшатся. Ширина скриншота 319 пикселей, а значит минимальная ширина 1го блока будет состовлять 318\2 = 159px и следует изменить размер шрифта с 17го на 14. Для этого в CSS добавляем следующие строки:

[CSS]ul.products li.product { min-width: 159px; }
.woocommerce button.button { font-size: 14px;}[/CSS]

Так же важная информация, Ваш сайт не адаптивен (!). Перескакивающие блоки это не адаптация. Некоторые элементы WooComerce трансформируются по заложенной в них адаптивной настройке. Адаптация заключается в том, что бы объекты более эффективно меняли свои параметры ( размер шрифта, отступы и т.п. )