Published on Feb 18, 2021

Accessing parent menu item when hovering sub menu items in Oxygen

Sridhar Katakam

Looking to apply the same styles to parent menu items (like text color change when they are hovered) when any of its sub menu item is hovered?

My article from 2013 is still relevant and here’s how we can apply it to Oxygen‘s Pro Menu.

Simply add this sample CSS in a custom Stylesheet at Manage > Stylesheets:

#-pro-menu-62-10 .oxy-pro-menu-list .menu-item:hover > a {
color: #ff0000;
}

Replace -pro-menu-62-10 with the ID of your Pro Menu and make any CSS changes as needed. DevTools is your friend.

Before:

After:

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right