Shopify themes, liquid, logos, and UX
Hello,
Whenever I hover over a product, an option comes up saying "Compare" - I would like to remove that please.
My website is beautynut.com
Thank you!
Solved! Go to the solution
This is an accepted solution.
Hi @vickgill
I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Step 1: Go to Admin -> Online store -> Theme > Edit code:
Step 2 :Step 2: Search for the file main.css And add the code at the end
m-tooltip:hover .m-tooltip__content {
visibility: hidden !important;
opacity: 0 !important;
}
Step 3: Save and reload home page.
=>> The result:
We hope my suggestions will solved your issue.
If it is helpful, can you kindly give us many likes and mark the solution for us?
This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community.
Have a nice day, sir!
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Hi @vickgill , without knowing what theme you are working with its hard to give specifics, but there's more than likely a setting somewhere in your theme template that can toggle off this setting. Best advice would be to do a search for the documentation on your theme and look up how to turn off the "compare" setting. Good luck!
This is an accepted solution.
Hi @vickgill
I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Step 1: Go to Admin -> Online store -> Theme > Edit code:
Step 2 :Step 2: Search for the file main.css And add the code at the end
m-tooltip:hover .m-tooltip__content {
visibility: hidden !important;
opacity: 0 !important;
}
Step 3: Save and reload home page.
=>> The result:
We hope my suggestions will solved your issue.
If it is helpful, can you kindly give us many likes and mark the solution for us?
This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community.
Have a nice day, sir!
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Thank you so much!
Do you know how to edit the popup that happens when you click "Quick View"? I want to remove the "DESCRIPTION" that is in capital and the "4124 in stock"
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025