CSS-Hover-Status zeigt sowohl normalen Text als auch Hover-Statustext an (funktioniert auf anderen Seiten einwandfrei) ⇐ CSS

[Anonymous]

Code: Select all

.useCase-menu:hover .menu-label .hoverMenu,
.resources-menu:hover .menu-label .hoverMenu,
.tools-menu:hover .menu-label .hoverMenu,
.solutions-menu:hover .menu-label .hoverMenu{
color: #33CCFF !important;
font-weight: 600;
}

Code: Select all

.useCase-menu:hover .down-arrow-new img,
.resources-menu:hover .down-arrow-new img,
.solutions-menu:hover .down-arrow-new img,
.tools-menu:hover .down-arrow-new img {
filter: invert(58%) sepia(95%) saturate(500%) hue-rotate(160deg) !important;
transform: rotate(-180deg) translateX(0px)  translateY(-3px);
}

Ich verwende ein gemeinsames Kopfzeilenmenü, das auf allen Seiten meiner Website verwendet wird.

HTML und CSS sind auf jeder Seite genau gleich.
Allerdings nur auf einer bestimmten Seite verhält sich der Menütext beim Hover falsch.

Erwartetes Verhalten

• Normaler Zustand → weißer Text
• Schwebezustand → blauer Text
• Nur jeweils ein Text sichtbar

Tatsächliches Verhalten (nur auf einer Seite)

• Normalzustand → weißer Text
• Hover-Status → blauer Text wird angezeigt, aber weißer Text überlappte zuvor
• Andere Seiten funktionieren perfekt mit demselben Code