WordPress.org

Forums

Missing CSS for sub sub menu (18 posts)

  1. intcon
    Member
    Posted 2 years ago #

    I'm trying to make a sub sub menu. Here is the site, and if you mouse over books3, you can see what happens to the secondary navigation - it isn't moving far enough to the right.
    http://bit.ly/SVGa5M

    I'm missing something - in the CSS? that identifies what is the sub sub menu (or submenu2 as I have it in the css)
    http://pastebin.com/EKaEXDiY

    I'm using WP custom menus, but even when I slide the name of the page so it indents on the custom menu, it still shows up funky on the page..it simply won't indent far enough to work.

    Any thoughts?

    thanks in advance..

  2. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    You are missing CSS positioning on the sub-sub menu.
    Look at adding top and right properties.

    Which theme are you using?

  3. intcon
    Member
    Posted 2 years ago #

    It's a custom theme that is no longer supported by the maker....

  4. intcon
    Member
    Posted 2 years ago #

    in this section i have position as a left margin of 100px

    #nav ul li ul.sub-menu2 li {
    margin-left:100px;
    text-indent: 100px !important;}

    and in the regular sub menu it doesn't have that....so I'd hoped that would move the submenu2 to the right 100px. it didn't. =)

  5. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    Submenu2 isn't the actual name of the class given to the sub menu.
    Try a Browser Inspector Tool to explore which classes are applied to which elements.

  6. intcon
    Member
    Posted 2 years ago #

    I have that...=) and it shows that submenu is being applied - I simply don't know how to change that....

  7. WPyogi
    Forum Moderator
    Posted 2 years ago #

    There is no class called sub-menu2 -- you can't just invent a class -- it has to be applied to an element.

  8. WPyogi
    Forum Moderator
    Posted 2 years ago #

    This is the selector you need to use:

    #nav ul li ul.sub-menu li ul.sub-menu li a{
      put the spacing styles in here;
    }
  9. intcon
    Member
    Posted 2 years ago #

    ok..I have this one...

    #nav ul li ul.sub-menu li a:link, #nav ul li ul.sub-menu li a:visited

    or

    #nav ul li ul.sub-menu li a:hover

    but not the one you have above. so would I add in this?

    #nav ul li ul.sub-menu li ul.sub-menu li a{
      put the spacing styles in here;
    }

    or does it need to have the hover element?

    Please please please bear with me here....=) I'm trying really hard to get this right...

  10. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    Just use

    #nav ul.sub-menu ul {
     left: (n)px;
     top: (n)px;
    }
  11. WPyogi
    Forum Moderator
    Posted 2 years ago #

    You need to use what I posted in order to move those menus over:

    #nav ul li ul.sub-menu li ul.sub-menu li a {
      margin-left: 180px;
    }

    If you are trying to change something upon hover, that has to be an additonal CSS declaration which would include the hover.

  12. intcon
    Member
    Posted 2 years ago #

    Andrew...the top element worked on that, moving it up and down the page, but the left didn't...it stayed where it was.

  13. intcon
    Member
    Posted 2 years ago #

    WPyogi- that's sooooo close. Can you look at the page now, please =) and do you see the second button Covert Affair is no longer clickable, and its sub menu doesn't slide out.

    Do I have an element that's blocking the second button? a padding? It's like it's hidden behind something....

  14. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Okay so try changing the above code to this:

    #nav ul li ul.sub-menu li ul.sub-menu li a {
        left: 140px;
        position: relative;
        top: -28px;
    }
  15. intcon
    Member
    Posted 2 years ago #

    WPYogi....Sorry, it's still scrambled. Why would that change the way the buttons are displayed?? I'm so at a loss. I have custom menus set up...I have the pages listed under their correct parents...it's driving me crazy!

    maybe it'd be best to just hire the stupid thing out. grr.

  16. WPyogi
    Forum Moderator
    Posted 2 years ago #

    I dunno -- it worked in Firebug for me. But yes, it's frustrating. See what Andrew has to say as he's good on all this kind of stuff...

  17. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    Intcon, WPyogi asked you to keep to one thread on the issue.

  18. intcon
    Member
    Posted 2 years ago #

    ack sorry...missed that. will move to the other thread....

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.