Sale icon disappears on mobile - by Dakidfice

This topic has 5 replies, 2 voices, and was last updated 3 years ago ago by Dakidfice

  • Avatar: Dakidfice
    Dakidfice
    Participant
    February 19, 2021 at 01:19

    How do I stop the sale, out of stock, and new icons from disappearing on screens smaller than 480px? I would like to show these icons on mobile devices

    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 19, 2021 at 08:52

    Hello,

    Please provide URL of page with these icons.

    Regards

    Avatar: Dakidfice
    Dakidfice
    Participant
    March 26, 2021 at 22:24

    Hi Rose, sorry for the late reply. Here’s the url with the icons that don’t appear on mobile devices. Also, is there a way to change the color or make them smaller?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 27, 2021 at 13:16

    Hello,

    Add the next code in Theme Options > Custom CSS > Custom CSS for mobile:

    .product-content-image .label-product {
        display: block;
    }

    This code can be added in Global custom CSS area:

    .type-label-2 {
        background-color: red;
        width: 50px;
        height: 50px;
    }
    .type-label-2 .sale {
        font-size: 12px;
        margin-top: 17px;
    }

    Regards

    Avatar: Dakidfice
    Dakidfice
    Participant
    March 27, 2021 at 16:59

    Thanks!!! You guys are awesome!

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Sale icon disappears on mobile’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.