Sorry! My mistake. I thought you were asking about quantity display on Product pages.
I discovered that quantity display broke at certain resolutions on my Product page.
Everything I mentioned above was how I fixed that problem on Product pages.
I understand now that you are talking about the Cart page.
On your phone, go to my site and add something to the cart and look at my cart page.
www.inspired-designco.com.
Basara's 1st answer was the correct answer: you can only fit so much stuff on a small screen.
But I agreed with your idea that Quantity was important to display in the table.
To me, Quantity was more important to display than Total, because the Total value is available elsewhere on the same page.
My solution:
1 - Recognize that small screens only allow small amount of data displayed.
2 - Do not try to crowd more data into the table.
3 - Instead, change which data is displayed in the table.
Look at about line 4325 in the AC stylesheet. You will see this:
.cart-info.product-list table tr td:nth-child(1), .cart-info.product-list table tr th:nth-child(1),
.cart-info.product-list table tr td:nth-child(3), .cart-info.product-list table tr th:nth-child(3),
.cart-info.product-list table tr td:nth-child(5), .cart-info.product-list table tr th:nth-child(5),
.invoice_products.table tr td:nth-child(2), .invoice_products.table tr th:nth-child(2),
.invoice_products.table tr td:nth-child(3), .invoice_products.table tr th:nth-child(3) {
display: none !important;
visibility: hidden !important;
}
These rules are hiding certain values on small screens. The values to be hidden are defined by
nth-child(x)
.
If you change both (1) values to (2), and change both (5) values to (6), this will change which values are selected to be hidden on small screens, and your cart table will look like my cart table instead of the default AC cart table.
Hope this helps.