[Solved] Problems with Navigation – Hover

[macbee]

Hi,

I have troubles with a navigation and somehow I can’t find a solution:

It ist easier to see as to explain: I selected a li from the level 2. As soon as one hovers over a new main nav point (level 1) and afterwards over a point in the submenu, the color of the a in the main Nav changes back to red- since the CSS is

#header .mod_navigation a {
color: #7f1e26;
}

I would like, that the color of the a stays white..

Maybe if you couls just take a look at the site:

http://vorderegger.istfastfertig.at/ferienwohnungen/nr-8.html

A very frustrated macbee :-((

[Paulie_D]

#header .mod_navigation a {
  color: white; /* add this */
  color: #7f1e26; */ /* delete this */
  display: block;
  font-size: 28px;
  font-family: "cronos-pro",sans-serif;
  font-weight: 300;
  padding: 24px 12px;
  text-decoration: none;
}

Seems to work.

[macbee]

Hi and thx — but now all the lvl1 links are white. The should be red, and turn white as soon as you hover over them or if the link is active.

Go and take a look now.. please :-(((

[Paulie_D]

Well I guess I’m missing something.

[Paulie_D]

Oh, I see…you don’t have a rule that tells the link what color to be when you are hovering over the li

In that case,ignore my previous code and try this:

.mod_navigation .level_1 li:hover a {
  color: white;
}

[macbee]

hi,

well— looks the same as before :-))

The problem is, that the a in the first level turns back to red, as soon as i hover over one of the submenu links — ;-((((

[Paulie_D]

Then I don’t know what to tell you…you might try adding more specificity to your selectors.

I’m just not getting it.

[macbee]

and that’s my problem. :-((( But you can see my problem?

[macbee]

I made it:

Just add to the end of all:

#header .mod_navigation li:hover>a {
color: #fff;
}

Thx anyway!

[Author]

Posts