Sales Badge Not Displaying Correctly in Shop or Product Page

Hi,

I have afew issues with the sales badges on my website.

When I put product On Sale, a default Icon (icon-star) is displayed on the Product within the Shop Page. (https://www.meophams.co.uk/shop/)

I was using the below CSS to hide the icon, which works.

.woocommerce span.onsale{
display:none;
}

Issues -> I’m have used a number of plugins to add Sales Badges, however If I add a Sales Badge using ANY plugin the badge:

1) Does not display on the products in my Shop.
2) The Sales Badge’s from the Plugins do display on the individual Product page’s, however NOT on the Primary Image, they show on the first Thumbnail.

Currently I’m using a Plugin called Improved Badges for WooCommerce to add and customize Sales Badge’s.

Shop Page – As an example, I have add 1 product On Sale which shows the default Icon (icon-star).

https://www.meophams.co.uk/shop/

Product Page – This page will show how the Sales Badge is getting displayed whilst using the Plugin.

https://www.meophams.co.uk/product/meophams-oakmead-white-2019/

Many Thanks

Surinder

The page I need help with: [log in to see the link]