Hide the Tooltips on Mobile Devices

• Product Options
• 2.0
• Basic CSS knowledge required
• 5 Minutes

Overview

To hide the tooltips on mobile devices, please follow these steps:

1. From Shopify's admin, select Online Store.
2. Select Actions.
3. Select Edit code.
4. Under "Templates", select the product.liquid template.

   Note: If your theme contains sections, you will need to select product-template.liquid under "Sections" instead.

5. Add this code to the bottom of the file:

   <style>
   @media (max-width: 768px) {
   .shappify_option_name_additional_info {
   display: none; !important
   }
   }</style>

   

6. Select Save.