treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] sub-nav won't display: inline

  • Hello Here is a CSS stumper -- http://debarnoldinc.com/blog/

    The desired navigation display is horizontal, like this

    PARENT1.current sub1.active subpage2 subpage 3

    PARENT2

    PARENT3

    The problem: When PARENT2 becomes .current, and it's sub1 is active, the whole submenu clears on the left side.

    I don't know why it is doing that -- Sub-pages after PARENT1 stay inline when one of the children is activated.

    This is an old WordPress theme I just updated to use the current menu manager.

    Can you see what is wrong with the CSS? (It validates without errors).

    Thanks tons.

    PS I think the problem is that only PARENT1 uses line 90 of style.css:

      li.current-menu-item ul.sub-menu li,
      li.current-page-ancestor ul.sub-menu li,
      li.current-menu-ancestor ul.sub-menu li {
         display: inline;
      }
    
  • Not to sound like an idiot but where exactly on the page you linked to is the menu in question?

  • Hey tomrogers123 no worries

    The nav is in the upper left corner

    And I'm using Chrome

  • I know I'm probably dumb but I have no idea what's wrong here! :) Could you describe in more detail?

    Apologies for my ignorance! Just getting used to how best to help in the forums.

  • You're OK tom -- somehow I stumbled on the fix -- so don't worry -- all set for now.

  • Marked solved automatically? Too cool...

  • Marked solved automatically? Too cool...

    No....that was me...I just happened to be reading.

  • @paulie_D that was so awesome - thank you...

    I can never seem to find that 'marked solved' button when I want to...

  • You can Edit your original post and there is a checkbox at the bottom.