J'ai des problèmes avec CSS hover sur mobile

Question

Je construis ce site en utilisant Wordpress. Le problème que je pose est que la fonctionnalité que j'ai mise en place pour que les triangles triangulaires disparaissent lorsque survolé fonctionne correctement sur un bureau, mais ne fonctionne pas bien sur les mobiles. J'ai découvert par le biais de la recherche que: hover ne fonctionne pas bien avec le mobile, et ont essayé différentes pseudo-classes comme: active et: focus, mais sans chance. Toutes les suggestions seraient grandement appréciées.

Link to My Site

Merci.

Answer 1

Un événement :hover n'existe pas sur les appareils tactiles, mais vous pouvez ajouter :active, ce qui devrait avoir un effet similaire (lorsque le doigt touche l'élément sans le tapotant), comme

.my_div:hover, .my_div:active{ 
    background-color: #fa0; 
}