WordPress.org

Ready to get started?Download WordPress

Forums

Drop menu overlaping (15 posts)

  1. Morsus
    Member
    Posted 1 year ago #

    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?

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  4. Morsus
    Member
    Posted 1 year ago #

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

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Add this CSS;

    .NWDS-nav ~ .NWDS-nav {
     z-index: 1;
    }
  7. Morsus
    Member
    Posted 1 year ago #

    Not working :S

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  9. Mohd Rafie
    Member
    Posted 1 year ago #

    .NWDS-nav ~ .NWDS-nav {
           z-index: 10 !important;
    }
  10. Morsus
    Member
    Posted 1 year ago #

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

  11. Mohd Rafie
    Member
    Posted 1 year ago #

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

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

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  13. Morsus
    Member
    Posted 1 year ago #

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

  14. Mohd Rafie
    Member
    Posted 1 year ago #

    Awesome, have a nice weekend. Cheers!

  15. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.