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:

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

You need to be logged in to view and post comments.
Not a member yet? Join here.
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: