bp-magazine 1.7 bp-adminbar menu item falling behind regular navigation menu


I just upgraded my bp-magazine theme and consequently my child theme. I see a minor change in the adminbar now shows it as a bit more transparent.

Unfortunately, the menu items fall behind the standard navigation items.

I tried using z-index in the .navigation class but that doesn’t work. I’m not sure what else to try.

I had to move the menus in the first place because our home page http://tkdunion.org features a video that covers the normal navigation menu.

Below is what I have in child.css to override some of the .navigation class. Any suggestions would be greatly appreciated.


.navigation {

margin-bottom: 5px;

z-index: -1;


.navigation ul {

font-size: 12px;