Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to give the BP navigation bar more priority? Sub cats are disappearing on mouse over due to logo


  • SidianMSJones
    Participant

    @sidianmsjones

    13 years, 7 months ago

    Site here: http://www.mymythos.org/
    WooTheme: Aperture

    When you try to visit the BP nav bar sub cats (weird set of three letter words there :P), the sub cats disappear due to the logo underneath (which takes you home which clicked).

    Is there a way to give the nav bar priority over the logo? Also there is a category bar beneath the logo which I believe presents the same issue. So both the logo and category bar need to have lower priority to the BP nav bar.

Viewing 14 replies - 1 through 14 (of 14 total)

  • Roger Coathup
    Participant

    @rogercoathup

    13 years, 7 months ago

    I don’t know anything about the woo theme aperture, but typically you could solve this sort of problem by setting appropriate z-index levels in your CSS file


    SidianMSJones
    Participant

    @sidianmsjones

    13 years, 7 months ago

    Z index! Yes, I remember now.
    I don’t actually have the coding skills to know exactly what to write and where, but I’m pretty sure that’s the solution, thank you.
    If you have time to take a look and tell me what snippet of code to put where, much thanks. Until then I will continue the search, trial, and error. :)


    Roger Coathup
    Participant

    @rogercoathup

    13 years, 7 months ago

    Use something like firebug in firefox or developer tools in safari to find the CSS selectors for your menu, logo and navbar elements.

    Then dig out your CSS primer for details on how to set z-index levels on the appropriate selectors. You’ll need to set them in your css file – unfortunately, that will vary from theme to theme. If you can’t find it anywhere obvious, drop a support query to Woo themes.


    thelandman
    Participant

    @thelandman

    13 years, 7 months ago

    Add this to your CSS

    #wp-admin-bar {
    z-index: 1000;
    }


    SidianMSJones
    Participant

    @sidianmsjones

    13 years, 7 months ago

    Hey there thelandman. Looks like that’s in the right direction. I put it in though and no difference.
    Maybe there is a way to lower the z-index of the logo and category bar instead?
    I’ll see what WooThemes has to say.


    SidianMSJones
    Participant

    @sidianmsjones

    13 years, 7 months ago

    Hm, so this is what WooThemes told me

    This would be the element you are working with:
    #logo {}
    Add it to custom.css and start playing…
    http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp
    http://www.w3schools.com/Css/pr_pos_z-index.asp
    Since Buddypress is a third party plugin, it isn’t supported in the forum.


    So I set off trying out all sorts of wacky combos, example below…

    #wp-admin-bar {
    z-index: 2;
    }

    #logo {
    position:fixed;
    z-index: 1;
    }

    Alas, I’m just not a “coder” yet and none of my combos are pulling through.


    thelandman
    Participant

    @thelandman

    13 years, 7 months ago

    @SidianMSJones, do you have a link I could take a look at for you?


    SidianMSJones
    Participant

    @sidianmsjones

    13 years, 7 months ago

    @thelandman – Sure, here it is: http://www.mymythos.org/


    SidianMSJones
    Participant

    @sidianmsjones

    13 years, 7 months ago

    Anyone else able to chime in?


    pcwriter
    Participant

    @pcwriter

    13 years, 7 months ago

    @sidianmsjones

    The problem is the nav ul which, regardless of what it looks like on screen, is actually sitting at the top of the header. The z-index is set to 9999 so it interferes with everything else.
    In your /themes/aperture-NEW/style.css file, go to line 244 and set z-index of #nav to 0.
    Your adminbar subnavs will display properly.


    pcwriter
    Participant

    @pcwriter

    13 years, 7 months ago

    @sidianmsjones

    Another suggestion, if I may…
    IMHO, your main nav would look better if all menu items were on the same line (rather than seeing “About MyMythos” bumped to a 2nd line).
    In /themes/aperture-NEW/style.css, go to line 252 and edit the padding like so:

    padding:0 8px;


    SidianMSJones
    Participant

    @sidianmsjones

    13 years, 7 months ago

    @pcwriter – THAT’S IT! (regarding the z-index).
    I’m very excited. :D

    However I’m not seeing this issue about the “About” page being bumped down to a second line.

    I will say this though, that nav bar (category bar I guess) definitely needs some cleaning up, which I’ll be taking care of quite soon.
    Thank you so much for your help!!


    pcwriter
    Participant

    @pcwriter

    13 years, 7 months ago

    @sidianmsjones

    Just checked your site again and it seems setting the z-index of ul#nav to 0 messes up the subnavs in your main navbar.
    Setting it to 1 solves that.
    Sorry… my bad :-(


    SidianMSJones
    Participant

    @sidianmsjones

    13 years, 7 months ago

    @pcwriter
    No prob pcwriter. Checking that out now.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘How to give the BP navigation bar more priority? Sub cats are disappearing on mouse over due to logo’ is closed to new replies.

Topic Info

Skip to toolbar