Sorry, I add
@media (max-width: 991px){
and it works. I set the width to 160px and that value fits perfect.
Now I am trying to move the discount flag (see screenshot). In css i saw the value top: -238px for discount-percentage class, so I add in my custom.css file:
@media (max-width: 991px){ #products .product-miniature .discount-percentage.discount-percentage, #products .product-miniature .on-sale.discount-percentage, #products .product-miniature .online-only.discount-percentage, #products .product-miniature .pack.discount-percentage, #products .product-miniature .product-flags .new.discount-percentage, .featured-products .product-miniature .discount-percentage.discount-percentage, .featured-products .product-miniature .on-sale.discount-percentage, .featured-products .product-miniature .online-only.discount-percentage, .featured-products .product-miniature .pack.discount-percentage, .featured-products .product-miniature .product-flags .new.discount-percentage, .product-accessories .product-miniature .discount-percentage.discount-percentage, .product-accessories .product-miniature .on-sale.discount-percentage, .product-accessories .product-miniature .online-only.discount-percentage, .product-accessories .product-miniature .pack.discount-percentage, .product-accessories .product-miniature .product-flags .new.discount-percentage, .product-miniature .product-miniature .discount-percentage.discount-percentage, .product-miniature .product-miniature .on-sale.discount-percentage, .product-miniature .product-miniature .online-only.discount-percentage, .product-miniature .product-miniature .pack.discount-percentage, .product-miniature .product-miniature .product-flags .new.discount-percentage {
top: -160px; }
}
but it is not working, any help? My site is https://sps-balonmano.com/
