Сделать значок наведите курсор в меню WordPress

Question

У меня есть «: hover» на ссылку меню в WordPress.

как заставить эффект: hover работать и для части «событие», а не только для значка?

[https://jsfiddle.net/b5stmnj0/][1]

Answer 1

Вам просто нужно изменить .icon:hover на a:hover .icon

См. Скрипку здесь https://jsfiddle.net/oLpes7nh/

CSS:

a:hover .icon {
  width: 50px;
  height: 50px;
  padding-right: 10px;
  background-color: #e6e1d7;
  -webkit-mask: url(https://svgshare.com/i/Bpz.svg) no-repeat center;
  mask: url(https://svgshare.com/i/Bpz.svg) no-repeat center;
}