Drop Down Menu Issues

HTML & CSS
1

Hey guys have two issues with two drop down menus on my website I’m working on.

First one is the main navigation

http://modocom.ca/de/who-we-are/our-brand/

The link above when you are selected on Who we are it stays colour as selected but the items inside are the dark blue background as well how can I make them white background black or blue font colour.

The next issue is on this page…

http://modocom.ca/de/category/projects/

The subnav in the white bar when you roll over say Services or Discipline to show the dropdown it shifts the parents over, how can solve this so works like the main menu without the shifting.

If someone could lend me a helping hand that would be excellent.

Thanks fellas!!!

Mike

2

Fixed the issue with the bar shifting items over, just need the child styles fixed for selected parent items now.

3

Hi,

You are styling the selected menu with this:


.navbar .selected  a {
    background: none repeat scroll 0 0 #002A5C !important;
    color: #FFFFFF !important;
}

That means any “a” element in that list (and nested list will get styled) by that rule. If you limit the styling to the immediate child you wil leave the nested list anchors as they were.

e.g.


.navbar .selected > a {
    background: none repeat scroll 0 0 #002A5C !important;
    color: #FFFFFF !important;
}

(The child selector (>) is not ie6 compatible of course)

4

Excellent worked for one of the dropdown menus but if you go to this page…

http://modocom.ca/de/system-integration/

It doesnt work under the What We Do dropdown only under the Who We Are.

Thanks

5

You don;t seem to have added the rule I gave you.


.navbar .selected > a {
    background: none repeat scroll 0 0 #002A5C !important;
    color: #FFFFFF !important;
}

You seem to have used a more specific one that only applies to one item.


.navbar li.wpm-hover > a {.....