Hoping someone can help - this shop page:
https://michaelcarter.photos/print-sales/
There is a grid of products displayed, and the photos and title can be clicked to go to the product page for full information.
BUT… mouseover the image or the text for any product, and the “Add to cart button” appears - if you click anywhere BUT “add to cart”, you go to the product page; but a site visitor will see the “Add to cart” button activate on mouseover and will assume any click adds the product to the cart (it’s very poor usability and confusing to the site visitor - I’ve tested it on several people and they all say “why are you forcing me to put a product in the cart?” and so on).
I don’t want to kill buying functionality - I just don’t want “add to cart” to appear when you’re actually clicking through to the product page. How can I display-none this element? I’ve tried everything I can think of, but I’m no CSS master.