Как поправить верстку WooCommerce на мобильном устройстве?

Question

[Roman]

Добрый вечер!

Сайт https://prosharikballoons.ru, CMS Wordpress, тема i-Craft, на главной странице вывел категории товаров, на десктопе нормально, а вот на мобильном или планшете текст под категориями отображается криво.

Посоветуйте в какую сторону копать?

Answer 1

[Mike]

Если прям совсем хотфиксить, то вот так:

@media screen and (max-width:480px){
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 42.5%;
    }
}

А так потратьтесь на доработку:)

Comments

[Roman]

Мега респект!

Answer 2

[WordPress WooCommerce]

Учить CSS & WordPress/WooCommerce. Тратиться на доводку темы до ума.
Либо использовать тему Storefront.