• 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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    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.

    Thread Starter Morsus

    (@morsus)

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

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Add this CSS;

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

    Thread Starter Morsus

    (@morsus)

    Not working :S

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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;
    }
    Thread Starter Morsus

    (@morsus)

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Morsus

    (@morsus)

    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!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.