How to Display Labels/Badges Only on Mobile Devices

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@bsscommerce.com.

Last updated