Rotate caret on mousover within menu

[brocknessmonster]

For clarity in the post below … caret refers to this character: ^.

I’d like to see the caret’s to the right of menu items with sub items rotate 45 degrees on interaction. How can I achieve that effect? Off the top of my head I was initially thinking I could add some css for that transformation but was wondering if there was a way to do that using the Pro interface?

In the desktop/tablet menu I would the caret to rotate -45 degrees in the sub menu on interaction.

in the mobile menu I would like the carets to start pointing right then point down on expansion of the sub menu.

Thx

[ruenel]

Hello @brocknessmonster,

Thanks for writing in! The Navigation element has only this Sub Indicator option settings.

You may need to use custom CSS to rotate the caret icon.

Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

[brocknessmonster]

It looks like there’s no spot to insert a transformation in the Sub Indicator control panel so I’m thinking CSS is the only way to achieve that affect. I can figure it out from here.

Thank you.

[ruenel]

You are most welcome.