How I can access to mouse events in each sub-item of horizontal menu

I want to change the color of my text when the mouse is over that sub item, for example:
image

When the mouse is over "Resumen de eventos" I want it to change the color of the text, I am having trouble accessing the event of each item.

Thanks in advance!

Which component(s) are you using?

I'm using "Horizontal Menu":
image

You could accomplish this with theming through adding the following CSS to a custom there.

.ia_horizontalMenuComponent__item:not(.ia_horizontalMenuComponent__item--active):not(.ia_horizontalMenuComponent__item--disabled):hover {
    color: red;
}

image

1 Like