WooCommerce Cart for mobile

[jgreenberg]

Hello, I recently upgraded my WooCommerce from 3.6.5 to 3.7.1 and noticed that when looking at the cart on mobile you can’t see the items you got. You can only see the quantity and price. It’s very odd. Is there some CSS to fix this?

www.tlvbiblesociety.org/cart

Please refer to the image below:

[ruenel]

Hello Joseph,

Thanks for writing in!

In smaller screens, the product names were hidden. Only the thumb, quantity and price will show up. To display the product name again, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 767px){
    .woocommerce .cart.shop_table .product-name {
        display: block;
    }

    .woocommerce .cart.shop_table .product-thumbnail {
        min-width: 35px;
        max-width: 60px;
        padding-left:0;
        padding-right:0;
    }

    .woocommerce .cart.shop_table .product-thumbnail img {
        width: 100%;
    }
}

We would love to know if this has worked for you. Thank you.

[jgreenberg]

Hello RueNel,

Your CSS helped but I do not think it did everything I was hoping. Please refer to the before and after screenshots:

Before

After

[christian]

Hey Joseph,

That’s not what I see on my end so please try clearing your browser’s cache.

• 

I see that our theme hides the details so I’ll post this in our issue tracker to make our developers aware of the issue and maybe they will release an official fix if found to be a bug.

Thanks.