BSS Product Labels & Badges
  • About app
  • How to create a Label?
  • How to create a Badge?
  • How to create a Label Group?
  • Integration
    • LAI Product Review Integration Guide
  • FAQs
    • How to Provide Your Store's Collaborator Code
    • How to Approve Our Collaborator Request
    • How to create a text label/badge with custom style?
    • How to redirect customers after clicking on label/badge
    • What to do when some of the labels are appearing in places they should not?
    • Why are the changes of labels not applied on my products?
    • How to convert the language in the label or badge on your on your multilingual site?
    • How to add 2 labels at the same time on certain products?
    • How to show labels beautifully on the desktop and mobile?
    • How to change colors of the label?
    • How to exclude the label from unexpected page(s) or block(s)?
    • How to remove leftover code of the Product Labels Pro app?
    • How to show badges out of product images?
    • How to show label/badge when product quantity = 0?
    • How to add the Sold Out label automatically?
    • Why doesn’t the label/badge appear when the product is out of stock?
    • Why can't I see the badge on the product image?
    • Why doesn't the app work?
    • Why are the labels/badges not visible constantly on the page(s)?
    • Why is the label/badge duplicated?
    • How to remove label automatically?
    • How to apply Labels/Badges based on Product/Customer tags?
    • How to show text hover effect on label/badge?
    • How to create labels for product variants?
    • Why after changing theme, labels/badges aren't displayed anymore.
    • Can I add multiple badges on a product?
    • What is Inventory Badge?
    • Can I exclude specific customers from seeing my badge?
    • Can I choose who can see my badge?
    • Can I set the badge below the Buy it now button?
    • How to change the effect the labels/badges show up in the online store?
    • How can I customize the position of badges?
    • How to Display Labels/Badges Only on Mobile Devices
    • How to display your inventory quantity on text labels?
    • Countdown Timer for Label/Badge
    • How to Use Product Metafields to Customize Label/Badge Display?
    • How to Create Product Metafields in Shopify: A Step-by-Step Guide
    • How to Use Variant Metafields to Customize Label/Badge Display
    • How to Create a Label or Badge that Shows Product Metafield Content Automatically
    • Using a List of Values Metafield to Display Labels/Badges
    • Display a Badge Next to the Product Price
    • Displaying Labels Across Time Zones – UTC Setup
  • General
    • How to enable app embed block?
    • Can I have a trial for BSS Product Labels & Badges app?
    • How to translate the app interface into other languages?
Powered by GitBook
On this page
  1. FAQs

How to Display Labels/Badges Only on Mobile Devices

PreviousHow can I customize the position of badges?NextHow to display your inventory quantity on text labels?

Last updated 10 months ago

In this setup guide, we will walk you through the steps to configure your labels/badges in a way that they are displayed exclusively on mobile devices. By following these instructions, you can customize the visibility of your labels/badges and optimize their display for mobile users.

Step 1: Access the Configuration Tab

  1. Go to the BSS: Product Labels & Badges app

  2. Select the labels/badges as desired

  3. Click on the "Configuration" tab to access the configuration settings.

Step 2: Disable Show on Desktops

  1. Scroll down to locate the "Show on Desktops" section.

  2. Switch the toggle to the "Disabled" position.

Step 3: Save the Changes

  1. After disabling the "Show on Desktops" option, scroll up and locate the "Save" button.

  2. Click on the "Save" button to apply the changes.

Step 4: Check the Display on Your Online Store

  1. Open your online store on a mobile device.

  2. Navigate to the pages or sections where you have applied labels/badges.

  3. Verify that the labels/badges are now exclusively displayed on mobile devices and not visible on desktops.

By following these simple steps, you can customize the display of your labels/badges and ensure they are only shown on mobile devices.

If you have further questions, feel free to contact us at

support-sbc-ta@bsscommerce.com