Hello,
suddenly I can see that sold out badge is overlapping the menu. It’s only happening from resolution 990px
Thanks
Hi sovik_rc,
I think that code is safe to use.
As for how it suddenly happened, I’m not really sure but this css code is reponsible:
woocommerce span.soldout, .woocommerce-page span.soldout {
background: url(https://yourdomain.com/product-soldout.png);
z-index: 999;
width: 85px;
height: 85px;
border-radius: 0;
padding: 0;
}
I checked that css in Enfold however I couldn’t find any, probably from a plugin which has some changes in css.
Best regards,
Nikko
Hello Mr. Nikko,
I haven’t made any changes but still it suddenly happened, When it happened I really don’t know but I realized yesterday. I just updated some plugins and also tested by disabling plugins except Soldout badge plugin, Woocommerce issue was still remained. After that I find out by inspecting code.
Currently I’m using this code in Additional CSS:
.woocommerce span.soldout {
z-index:1;
}
Thanks
Hi sovik_rc,
I think the code you posted should be enough, if it’s not working you can try:
woocommerce span.soldout,
.woocommerce-page span.soldout {
z-index: 1 !important;
}
Best regards,
Nikko
Hi,
That code is working fine. You may close this thread.
Thanks
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon