Я пытаюсь изменить расположение таблицы корзины в Woocommerce, чтобы сделать ее более "дружественной" для просмотра на мобильных устройствах, отображая сразу несколько продуктов на экране.
Сначала я думал, что это можно сделать с помощью CSS, изменив display из table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th, но любые сделанные изменения, кажется, разрушают отзывчивость мобильных устройств.
table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th {
display: table-cell;
text-align: right;
clear: both;
}
Вот пример того, чтоЯ пытаюсь добиться:
Ссылка на страницу корзины здесь
