CSS How to change the CSS a bit?

[LarsFromCopenhagen]

Hi

I found this CSS and it helps me highlighting current active main menu-item - also when the active page is in a dropdown. (Its CSS for WordPress with Elementor)

It works well - but I would like to have it work at bit different because right now its shows the same color on both main-menu and submenu .... can someone help me with how to make it red on the main menu and yellow on the submenu (I hope it makes sense ;-)

/* Highlight all current-menu items up to 2 submenus (ul ul ul li... would be 3 menus) */
.elementor-nav-menu--main  ul li.current-menu-ancestor > a,
.elementor-nav-menu--dropdown  ul li.current-menu-ancestor > a,.main-navigation li.current-menu-item a, 
.elementor-nav-menu--main ul li.current-menu-item a,
.elementor-nav-menu--dropdown ul li.current-menu-item a,.main-navigation ul ul li.current-menu-item a {
  color: red!important;
}

 

[OldMan]

Life would be so much simpler if you would enclose the HTML also. My brain isn't in the best shape to be trying to reconstruct the html.

 

[EkBass]

Hi.

Open your css file and look for menu--dropdown to change the color.