sub-nav won’t display: inline

[Bluej]

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;
}

[tomrogers123]

Not to sound like an idiot but where exactly on the page you linked to is the menu in question?

[Bluej]

Hey tomrogers123 no worries

The nav is in the upper left corner

And I’m using Chrome

[tomrogers123]

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.

[Bluej]

You’re OK tom — somehow I stumbled on the fix — so don’t worry — all set for now.

[Bluej]

Marked solved automatically? Too cool…

[Paulie_D]

>Marked solved automatically? Too cool…

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

[Bluej]

@paulie_D that was so awesome – thank you…

I can never seem to find that ‘marked solved’ button when I want to…

[Paulie_D]

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

[Author]

Posts