To hide the tooltips on mobile devices, follow these steps:
- From "Shopify Admin", select Online Store.
- Select Actions.
- Select Edit code.
- Under "Templates", select the product.liquid template.
Note: If your theme contains sections, you will need to select product-template.liquid under "Sections" instead.
- Add this code to the bottom of the file:
<style> @media (max-width: 768px) { .shappify_option_name_additional_info { display: none; !important } }</style>
- Select Save.
That's it!
Next Steps:
- Add a Tooltip to Product Options
- Change the Order of Options in Product Options
- Customize the Display in Product Options