WordPress.org

Support

Support » Themes and Templates » Drop menu overlaping

Drop menu overlaping

  • Picture..
    I made another nav-bar (menu) on my WP theme but i got this problem i cant make z-indexing work correctly…can anyone help me with this?

Viewing 14 replies - 1 through 14 (of 14 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    Unfortunately these specific CSS queries are beyond the scope of WordPress forums. You may want to try this CSS-specific forum.

    WPyogi

    @wpyogi

    Forum Moderator

    An image is totally useless when it comes to CSS — you’d need to post a link to your site. Try using Firebug to look at what is going on with the CSS. Also, be sure that you are using the position attribute with the z-index — it won’t work otherwise and that’s a common mistake.

    Oh sry..here is my webs.
    teslazr.edu.rs
    i tried looking up with firebug but i couldn’t make it work :S

    WPyogi

    @wpyogi

    Forum Moderator

    I tried too — no luck. You have a lot of kind of convoluted code going on there… You might look at clearing up some mark-up and CSS errors on the page using the validator. Not clear if they might be causing or contributing to the menu problem.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Add this CSS;

    .NWDS-nav ~ .NWDS-nav {
     z-index: 1;
    }

    Not working :S

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Which browser and browser version are you using?
    If it’s not IE6 & 7, try clearing your browser cache.

    .NWDS-nav ~ .NWDS-nav {
           z-index: 10 !important;
    }

    Nope…still not working..
    Chrome and Firefox.
    I cleared cache on both..

    .NWDS-nav ~ .NWDS-nav {
           z-index: 10 !important;
    }

    This one works for me like a charm. Please put this in your style.css

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    I’m not sure whether you’re using a Child Theme, but I recommend using a Custom CSS plugin to handle your CSS.

    Dunno why it didn’t work but now it does xD
    Thanks thats great,really working like a charm,thanks a lot 🙂

    Awesome, have a nice weekend. Cheers!

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    It didn’t work before without the !important because you added it above CSS that was overriding it.
    Line 485:

    .NWDS-nav ~ .NWDS-nav {
      z-index: 10;
    }

    Line 597

    .NWDS-nav {
     ...
     z-index: 100;
     ...
    }

    When you add new styles to a stylesheet, try to do-so at the bottom of the stylesheet.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Drop menu overlaping’ is closed to new replies.
Skip to toolbar