CODEWITHSUNDEEP
wordpress
user2979600
user2979600

Reputation: 17

Make icon hover in wordpress menu

I have a ':hover' on a menu link in WordPress.

how do I make the :hover effect work for the "event" part as well, and not just the icon? 

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

Upvotes: 0

Views: 327

Answers (1)

designtocode
designtocode

Reputation: 2245

You just need to change the .icon:hover to a:hover .icon

See Fiddle here 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;
}

Upvotes: 1

Related Questions