Issue with Active Menu Items

Hello,

I'm trying to make it so the link in the sub-menu has a subtle change when it is active. I'd like something visual that indicates the page the visitor is on.

The issue is, if I add CSS that would normally solve this....ex:

Code: Select all

.box ul.menu li.active a {
  margin: 0 0 0 6px;
  color: #0d6cb4;
}


It also makes the other sub-menu items in the level below the same color. For some reason the active attribute stays with the parent menu item.

Here is the page you can see the issue: http://csaocean.cloudsandbox.net/index. ... temid=1085

Your selector targets exactly the parent element:

Code: Select all

.gkMenu > ul > li.active > a


Its the first list in menu, first list item which has active class and first anchor in it.