By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Rotate sub menu arrow in hover mode

baitasite

baitasite

New Member
Hello guys, I’m in need of a help that may even look “idiotic”, but how do I rotate 180g on the hover the Elementor sub-menu arrow?

CSS:
.sub-arrow {
  transform: rotate(0deg);
  transition: all .20s ease-in;
}
.sub-arrow:hover {
  transform: rotate(180deg);
}

This way the arrow rotates only if you hover your mouse on itself and not in the word that accompanies the arrow… Could someone help? It’s probably something with css i don’t know how to do
 
baitasite

baitasite

New Member
SOLVED!

Code:
.elementor-item.highlighted i{
    transform: rotate(180deg);
    transition: 0.5s all;
}
 

Latest posts

Latest Resources

Other Elementor Resources

elementor official
Top