Return to previous page

Sale icon disappears on mobile - by Dakidfice

This topic has 5 replies, 2 voices, and was last updated 3 years, 8 months 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

    #275159 Copied Theme version: .6.3.2 WooCommerce version: Child Theme
    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

    #275198 Copied
    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?

    #281287 Copied
    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

    #281358 Copied
    Avatar: Dakidfice
    Dakidfice
    Participant
    March 27, 2021 at 16:59

    Thanks!!! You guys are awesome!

    #281389 Copied
  • 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Plants Store– WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme

See All Templates

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