WordPress.org

Ready to get started?Download WordPress

Forums

Missing CSS for sub sub menu (18 posts)

  1. intcon
    Member
    Posted 1 year 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
    Forum Moderator
    Posted 1 year 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 1 year ago #

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

  4. intcon
    Member
    Posted 1 year 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
    Forum Moderator
    Posted 1 year 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 1 year ago #

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

  7. WPyogi
    Volunteer Moderator
    Posted 1 year 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
    Volunteer Moderator
    Posted 1 year 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 1 year 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
    Forum Moderator
    Posted 1 year ago #

    Just use

    #nav ul.sub-menu ul {
     left: (n)px;
     top: (n)px;
    }
  11. WPyogi
    Volunteer Moderator
    Posted 1 year 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 1 year 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 1 year 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
    Volunteer Moderator
    Posted 1 year 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 1 year 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
    Volunteer Moderator
    Posted 1 year 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
    Forum Moderator
    Posted 1 year ago #

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

  18. intcon
    Member
    Posted 1 year 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.