One more detail … I reminded to myself that I already tried to play with css for YITH WooCommerce Badge Management
There is a code snippet added (XStore | YITH Badges) with the following
.yith-wcbm-badge {
z-index: 4;
}
.et_b_header-wishlist .et-mini-content .yith-wcbm-badge {
display: none;
}
.mobile-header-wrapper li .yith-wcbm-badge{
display: none !important;
visibility:hidden !important;
}
.draggable div .yith-wcbm-badge--anchor-point-top-right{
display: none !important;
visibility:hidden !important;
}
.vertical-thumbnails div .yith-wcbm-badge{
display: none;
}
.vertical-thumbnails div .yith-wcbm-badge__wrap{
display: none !important;
visibility:hidden !important;
}
.main-images .yith-wcbm-badge--anchor-point-top-left{
display: none;
}
.main-images .yith-wcbm-badge {
display: none;
}
.main-images .yith-wcbm-badge__wrap {
display: none !important;
visibility:hidden !important;
}
just in case and not to interfere with your code I deactivated my snippet