[gegeor]

Hello

How can i move the sales badge position and make it responsive? As it is now in smaller screens its shown up in the product photo covering part of the product photo.
is there any way to move it up and be responsive in order to appear correct in all screen sizes?
screenshot link : https://prnt.sc/Ysjb6NDzD6oP

Thank you

[Althemist]

Hi gegeor,

The only way to “move it” would be with CSS. However, there is no free space for it, that’s why it’s over the image. That’s a standard practice and it’s the same even with the default WooCommerce theme (Storefront). As for the responsiveness – it’s size is fixed, so you can’t change it based on device.

Your site is set to display products in many columns, so there is no other way. All that information should go somewhere. I’d suggest reducing the number of columns to max 4, as it’s not only the sale badge. Even your product names and large number of attributes doesn’t look good like this.

[gegeor]

Thank you very much!

[Author]

Posts