Navigationsmenü nach upgrade css verändert

Hallo zusammen,

ich habe da ein Navigationsmenü wobei der erste Link (Startseite) ein Haus-Symbol(Font-Awesome) ohne Schrift dargestellt wird. In der 4.13 Version klappt das mit folgendem css.

#topmenue ul.level_1 > li.first > a::before, #topmenue ul.level_1 > li.first > span::before {
content: "\f015";
}
#topmenue ul.level_1 > li.first > a::before, #topmenue ul.level_1 > li.first > span::before, #topmenue ul.level_1 > li.suche > a::before, #topmenue ul.level_1 > li.suche > span::before {
color: #fff;
font-family: FontAwesome;
font-size: 1.25em;
line-height: 0.75em;
text-shadow: 1px 1px #fff;
}

Leider klappt das in der 5.3 Version nicht mehr. Ich bin angefangen mit Pseudoelementen zu arbeiten. Das Haus ist mittlerweile da, aber der Text (Startseite) ebenfalls. Ich möchte aber nur das Haus-Symbol(Font-Awesome) haben ohne Text. Hier der neue css Code.

#topmenue ul.level_1 > li:first-child > a::before, #topmenue ul.level_1 > li:first-child > span::before {
content: "\f015";

}
#topmenue ul.level_1 > li:first-child > a::before, #topmenue ul.level_1 > li:first-child > span::before, #topmenue ul.level_1 > li.suche > a::before, #topmenue ul.level_1 > li.suche > span::before {
color: #fff;
font-family: FontAwesome;
font-size: 1.25em;
line-height: 0.75em;
text-shadow: 0px 0px #fff;
}

Weiss jemand vielleicht wie das richtigerweise funktionieren kann?

Vielleicht könntest du es im CSS mal mit strong statt span versuchen. Das Markup wurde irgendwann in der Navigation verändert.

Zitat:

---

Zitat von dazzle89

Vielleicht könntest du es im CSS mal mit strong statt span versuchen. Das Markup wurde irgendwann in der Navigation verändert.

---

Das habe ich ausprobiert. Leider war das nicht der Grund.

Es fehlte eine Anweisung.

#topmenue ul.level_1 > li:first-child span.active, #text {
color: transparent;
text-shadow: none;
width: 3em;
overflow: hidden;
}

Jetzt klappt es zumindest wenn der erste Link aktiv ist.
Sobald ich auf einen anderen Link klicke ist der Text (Startseite)wieder da. Warum?

https://update.hs-montage-papenburg.de

Mit folgendem Code klappt es nun.

#topmenue ul.level_1 > li:first-child span, #topmenue ul.level_1 > li:first-child a {
color: transparent;
text-shadow: none;
width: 3em;
overflow: hidden;
}