Я создаю сайт электронной коммерции с Wordpress и woocommerce. Моя тема - Storefront, и я использую дочернюю тему. У меня возникли проблемы с отображением категорий и продуктов в зависимости от того, является ли это настольным ПК, планшетом или мобильным представлением. Вид рабочего стола вроде бы в порядке. В формате планшета он показывает два столбца на первой странице, и это то, что я хочу, но на странице подкатегорий и странице продукта отображается только один столбец, и я хочу, чтобы он также был двумя столбцами.
В мобильном размере на первой странице две колонки, но изображения растянуты. Я хочу, чтобы это был один столбец (в мобильных подкатегориях размера и продукты показаны в одном столбце)
Я пробовал почти все, но я потерян. Может ли кто-нибудь помочь мне решить эту проблему? Я буду очень признателен :)
Если это поможет ... Я использовал плагин elementor для создания первой страницы в начале, но, возможно, потому что это не про-версия, она не работает так, как я ожидал. Так что теперь я просто отключил его. У меня есть этот шорткод на первой странице
[product_categories parent = "17" hide_empty = "0" columns = "5"]
Chrome инструмент проверки показывает его иначе, чем wordpress мобильный вид в разделе настройки.
![First image tablet frontpage view - ok](https://i.stack.imgur.com/C3dZ4.png)
![Second image tablet view (subcategories)](https://i.stack.imgur.com/aFNge.png)
![Third image mobile view - images stretched](https://i.stack.imgur.com/jnlsk.png)