New to the community? Start here

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

Hi,

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.

>Ray

.navigation {

margin-bottom: 5px;

z-index: -1;

}

.navigation ul {

font-size: 12px;

Wed, 10 Mar 2010 17:06:56
  • Tammie
    • WordPress Wizard

    @raymondmannion: hmmm see my attached image all seems well in a theme without adjustments. My thoughts are you seem to have done some customisation and perhaps that would be causing issues. Are you using the default adminbar.css or a custom one / plugin?

    Also have you done any edits to the css in your child theme?

    Does this happen with the parent and child or just the child theme? What happens when you use a default style from the magazine presets and if you have an adminbar.css in your child theme if you remove that does the same thing happen?

  • raymondmannion
    • Design Lord, Child of Thor

    Hi Tammie,

    Thanks for your response. I really didn’t see anything my child CSS that would have affected the menus this way, but alas, you are correct – switching back to the parent theme made the error disappear.

    I added the following to my child.css and it’s working as planned now. Both the adminbar and the sf-menu z-index was set to 999 so I lowered the .sf-menu to simply 99.

    Thanks anyway for your help – you got me in the right direction.

    .sf-menu, .sf-menu * {

    z-index: 99;

  • Tammie
    • WordPress Wizard

    @raymondmannion: Hmmm I think the main issue was you weren’t uncommenting the following line then in your child.css perhaps?

    /* @import url( _inc/css/adminbar.css ); */

    Try uncommenting that rather than setting a z-index again as it’s already declared as z-index 999 in navigation.css. Your z-index’s themselves also seem different from the ones in the latest version of Magazine so must be an edit somehow.