Unerwartete Darstellung im Hauptmenü (Stripe Responisve)

Hallo an das Forum!

Ich habe ein seltsames Phänomen bei meinem Hauptmenü (das verendete Layout ist das Stripe Responisive). Insgesamt sind es fünf Einträge im Hauptmenü, die ich zum besseren Verständnis hier als 1 bis 5 von links nach rechts durchnummeriere (siehe auch Screenshots). Ist ein Menüpunkt 1, 3 oder 5 ausgewählt (angeklickt worden) und man fährt danach mit der Maus „weg“ und zurück über diesen Menüpunkt, dann ist die Darstellung wie gewünscht. Sind hingegen die Menüpunkte 2 oder 4 ausgewählt und fährt man ebenfalls danach mit der Maus darüber, wird ein abgerundetes graues Rechteck eingeblendet und die Schriftfarbe von Orange auf Weiß geändert. Das macht den Anschein, dass nur bei geradzahligen Einträgen dieses Rechteck eingeblendet wird. Das kann doch nicht sein … oder? Ich möchte das Rechtecke entfernen, nur wie?

Besten Dank vorab.
LG Harry

Zitat von sseiz

Hallo,

wie ist die URL der Seite, damit wir das selbst mal online ansehen können?

Momentan ist die Seite noch nicht öffentlich zugänglich und passwortgeschützt. Selbstverständlich stelle ich die URL nebst Zugangsdaten gerne zur Verfügung, nur möchte ich diese nicht über das Forum bekanntgeben. Wie?

Zitat von sseiz

Hallo,

Ursache ist, wie erwähnt, dass in diesem Layout die "Mouseover"-Layouteinstellungen nur für die Menü-Einträge von "nicht aktiven" Seiten gelten. Die aktive Seite bekommt Standardfarben.

Um diese Farben einzustellen, benötigen Sie etwas angepasstes CSS im Projekt:

• Klicken Sie im Menü Website auf "Einstellungen"
• Klicken Sie auf CSS
• Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"

CSS

<style>
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
    color: #feb912;;
    background-color: transparent;
    border: 0;
    text-shadow: none;
}
</style>

Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

Hallo

und vielen Dank für die Unterstützung. Damit ist das Problem beseitigt.

Ich verstehe zwar nicht wirklich den beschriebenen Hintergrund, denn m. E. hatte es nichts mit aktiven und inaktiven Seiten zu tun. Zumindest wenn ich mir das Verhalten zuvor anschaue. Denn es handelte sich bei den Seiten mit dem unerwünschten Phänomen immer um aktive Seiten, die von links nach rechts durchnummeriert einer geraden Zahl entsprechen. Ich unterstelle, dass hier eine aktive Seite der Seite entspricht, die aktuell angezeigt wird.

So wie ich es nun verstanden habe, ist dieses Verhalten im Layout selbst hinterlegt und im konkreten Fall nicht über den Layout-Editor änderbar. War daher die Ursache sofort klar, da das Layout von ZS stammt oder wodurch haben sich die Elemente

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover

„verdächtig“ gemacht? Über Strg-Umschalt-I bin ich selbst nicht auf diese Elemente gekommen. Wäre echt sehr hilfreich, wenn ich hierzu noch weitere Details zum Lösungsweg erhalten könnte.

Vielen Dank nochmals für den prompten und hilfreichen Support.