Badgets "Sale" and "New" hidden behind cart, wishlist and quickview icons

[Kyle – SUPPORT]

Add this to your custom css:

@media only screen and (min-width: 1200px) { 
.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
  display: none;
}
}

– Kyle

[torb]

I am afraid it is no change…

[Kyle – SUPPORT]

Sorry, it should be:

@media only screen and (max-width: 768px) { 
.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
  display: none;
}
}

– Kyle

[torb]

Hm, still not working….

[Kyle – SUPPORT]

Try adding !important

– Kyle

[torb]

Still not working….. and hiding them is only a workaround for the badges (badgets?) using the same screen area as the cart, wishlist and quickview icons, I did not want to hide them in the first place 🙂

But still not working.

[Kyle – SUPPORT]

Ok try this instead:

.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
  left: -31px!important;
  right: auto;
  transform: rotate(-45deg);
}

– Kyle

[torb]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Try this one to move the quickview icons to the left.

.product-type-standard .product .cart-overlay {
left: 0!important;
right: inherit!important;
}

-Rui

[torb]

Thanks for the easy solution 🙂

[Kyle – SUPPORT]

Thanks Rui

– Kyle