Guten Abend,

ich verwende das Host Template. Das Hauptmenü besteht in dem Fall aus fünf Einträgen die ja dem Hintergrundbild überlagert sind.. Zur Lesbarkeit habe ich nun jeden dieser Einträge mit einem dunkleren Hinterrund in der Custom.css versehen.

Sobald man nun über das Bild scrollt geht zwar wie gewünscht das Sticky Menü auf, jedoch hat dieses nach wie vor die gleichen Hintergrundfarben. Gibt es eine Möglichkeit für den Fall des normalen Menüs und für das Sticky Menü den Hintergrund seperat einzustellen?
Soweit ist mir aufgefallen, dass ich mit der Klasse ".uk-navbar-nav > li > a" die Hintergrundfarbe sowohl bei normalem und sticky Menü verstelle.

Vielen Dank und schönen Abend noch

Hallo,
die CSS Styles speziell für das Sticky Menu lauten wie folgt:

.uk-sticky-placeholder .uk-active.uk-navbar li {color:#fff}
.uk-sticky-placeholder .uk-active.uk-navbar li a{color:#fff}
.uk-sticky-placeholder .uk-active.uk-navbar li a:hover {}
.uk-sticky-placeholder .uk-active.uk-navbar li.uk-active a{}

Hallo,

danke für die schnelle Antwort.
leider passiert bei Nutzung der Zeilen nichts. Es handelt sich um ein Menü aus fünf Reitern, bei jedem einzelnen Reiter ist eine Hintergrundfarbe zur Lesbarkeit gesetzt. Durch das Untersuchen der Elemente von Menü, sowieo Sticky Menü auf der Homepage zeigt sich dass sowohl das normale Menü als auch das Stucky menü Hintergrundmäßig nur durch ein und dieselbe gleiche Zeile verändert werden.
In einer leeren cusom.css , sowie aus der custom.css die die hintergrundfarbe schon regelt passiert nichts und beim untersuchen der elemente finde ich keinerleihinweis auf die klasse .uk-sticky-placeholder- Deswegen nochmals, ist es überhaupt möglich die Hintergrundfarbe von Menü und Sticky menü zu separieren oder ist nur eine Farbe für beide Fälle möglich?
Grüße

Hallo,
natürlich ist das möglich und zwar mit dem CSS code oben.
Fügen sie den Code mal in ihre css/custom.css ein und dann geben sie mir mal die Live url

Hallo,

das Stickymenü lässt sich mit folgenden Zeilen anpassen, sodass es möglich ist beide Menüs unterschiedlich zu gestalten.

/* Sticky Menu Bright */
#menu-outer.uk-active{}
#menu-outer.uk-active li a{}
#menu-outer.uk-active li a:hover{}
#menu-outer.uk-active a.logo *{}
#menu-outer.uk-active .uk-navbar-toggle{}

Vielen Dank für die Tinte.