[Resolved] product img on cart page

Home Forums Support product img on cart page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1196818
    johnaps

    Hello!
    I am trying to set product images of cart items below 768px to display: block; so they will be visible…
    I even removed the css rule that was setting it from one woocommerce css file , but that didnt do the trick…
    Can you help me out?

    #1196970
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media (max-width: 768px) {
    
    	/* Display responsive thumb */
    	.woocommerce table.cart .product-thumbnail,
    	.woocommerce-page #content table.cart .product-thumbnail,
    	.woocommerce-page table.cart .product-thumbnail {
    		display: block !important;
    	}
    
    	/* Align item remove an thumbnail */
    	.woocommerce table.shop_table_responsive tr td.product-thumbnail::before {
    		content: '';
    	}
    	
    	.woocommerce table.shop_table_responsive tr td.product-remove {
    		float: left;
    		border: 0;
    	}
    
    }
    #1197126
    johnaps

    Perfect David! 🙂

    #1197140
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.