Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1037455

    Hello,

    suddenly I can see that sold out badge is overlapping the menu. It’s only happening from resolution 990px

    Thanks

    #1037479
    This reply has been marked as private.
    #1037601

    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

    #1037697

    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

    #1037788

    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

    #1037849

    Hi,

    That code is working fine. You may close this thread.

    Thanks

    #1037867

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Suddenly Soldout badge is overlapping the menu’ is closed to new replies.