Need help

We are having a few issues:

  1. When we add stuff to the cart. On mobile and Tablet the photo doesnt show up like it does on the website. How can we get the photos to show up. (see screenshot)

  2. The spacing on the Apply Coupon code is all messed up on the Mobile Section. (see screenshot)

  3. Also how do we remove the word “Select” from “Select Options”? Its screwed up the spacing on mobile. (see screenshot)

Here is the screen shot to Question 1

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
here we go :

  1. image on cart page - Please add this css in appearance > customize > additional css:

media=“only screen and (max-width: 768px)” {
.woocommerce-page table.cart .product-thumbnail {
display: block !important;
}
}

  1. Coupon - use this css:

.woocommerce-page table.cart td.actions .coupon .input-text+.button {
float: none !important;
}

  1. Select word - sorry but this is not possible :frowning: we cant remove text from the buttons without template customization, my suggestion is to search anwere on this quesiton in Woocommerce related forums or support

Thanks!
Colorlib Support Team

Neither one worked.

  1. There is an error somewhere in this code.

  2. All this code does it move the button to the left and still looks very strange. (see screenshot)

Hi

Sorry, lets try this one, it will work:

@media only screen and (max-width: 768px) {
.woocommerce-page table.cart .product-thumbnail {
display: block !important;
}
}
.woocommerce table.shop_table .coupon #coupon_code {
margin-left: 0px;
}
.woocommerce-page table.cart td.actions .coupon .input-text+.button {
float: none !important;
}