[Resolved] SVG menu icon hover effect

[Kai-Yen]

Hi Everyone,

I added an SVG icon in a menu in footer bar area.
I would like to know the hover effect of CSS code for this SVG icon.
All setting from Color Menu doesn’t apply to the SVG icon.

Can someone share an example to do that?

.footer-bar .menu-social-media-menu .menu-item-980 a > svg:hover {
fill: red;
}

[Leo]

Hi there,

Would something like this help? https://codepen.io/luiscarvalho/pen/hJFrx

[Kai-Yen]

That is awesome!!! Thank you, Leo.

[Leo]

No problem 🙂

[Author]

Posts