ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• July 4, 2016 at 7:40 am #278864
  tazacorbin

  Member

  Post count: 29

  Hi there,
  I have noticed that “Sale” label doesn’t appear on mobile. I have been searching in the forum, and I have added this css code:

  .woocommerce .onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge {
  display: block;
  }
  .woocommerce .products .product figure:hover .badge-wrap > span {
  opacity: 1 !important;
  }

  With this code, “Out of stock” label and “New” label appear, but “Sale” label doesn’t appear yet.

  Thank you

  July 4, 2016 at 8:13 am #278873
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  try this code.

  @media only screen and (max-width: 767px){
  .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge {
      display: block;
  }
  }

  -Rui

  July 5, 2016 at 9:27 am #279191
  tazacorbin

  Member

  Post count: 29

  Thank you very much!

  July 5, 2016 at 9:29 am #279193
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Great thanks to Rui.
  Mohammad

• Back to forum

  Posted in: Atelier