CSS drop down menu styling

Question

I have created a CSS drop down menu HERE ON THIS PAGE in the top main nav.

There is a drop down menu under Products, Support and Community top links.

On this particular page I gave activated a class on the products link so the list item is darker telling the viewer they are on the Products page.

<li class="products"><a href="#">products>

But when I do this I lose all the styling for the Products drop down menu, it picks up the css styles from its parent Products. I want it to remain looking like the drop down menu for Support and Community.

Any idea how I can do this?

CSS is HERE

Thanks!

Answer 1

Try this (nav-menu-gaming.css:113)

.menu > li:hover

in place of

.menu li:hover

From nav-menu-gaming.css:126, change

.products a to .products > a