Betrifft stickybar 
Autor: Klaus G.
Besucht 313,
Followers 1,
Geteilt 0
Hallöle zusammen,
das ist wahrscheinlich eine Aufgabe für KolAsim :-)
Wie kann ich eine StickyBar am oberen Rand festsetzen ohne das diese immer von oben nach unten kommt.
Problem ist, ich habe ein Cookie-Consent (Freeware) die SUPER ist aber diesen Einblend Effekt hat.
Hängt entweder an dem Script von SILKTIDE oder es beist sich mit einem Script von INCO.
Am liebsten wäre es mir wenn es normal reagieren (also beim Scrollen) würde.
Hier mal ein Link zur TEST-SEITE LINK
Danke im voraus
Gruß
KLAUS
Gepostet am
Man könnte die StickyBar deaktivieren und die Objekte im Header fixieren, siehe
Meine Testseite >> https://findelinks.de/123test-aufklappmenue-2/index.html
Hier ein Beispiel für CSS-Code und dessen Einfügen in WebSite X5, siehe
----- Kurzanleitung mit CSS-Code -----
1 Einstellungen > Statistik und Code / Code
Benutzerdefinierter Code:
Vor dem <HEAD> Tag
<style>
#imHeaderObjects {
position: fixed;
display: block;
background-color: pink;
z-index: 1000000;
}
#imHeaderBg {
position: fixed;
background-color: pink;
}
</style>
Entschuldigung
, vielleicht habe ich es falsch verstanden, aber ich sehe den fixierten Balken oben. Tschüss. ciao
.
Autor
Hallo Daniel,
hat SUUUUUUPer funktioniert
DANKE
Gruß
KLAUS
Autor
Jetz wäre nur noch ein kleines Problem.
Wenn ich die Webseite auf größeren Monitore anschaue, wäre es super wenn der Header dann mittig wäre.
Kann man das mit CSS oder Script lösen ????
Der Tic-Tac von Daniel funktioniert einwandfrei SUPER SUPER
Gruß
KLAUS
Man kann den Header zentieren, siehe Screenshot unten
Zusätzlich Menü-Objekt im Header mittig setzen und wenn möglich auf gesamte Breite ziehen.
-----
Autor
Hallo Daniel,
in deinem Snipet muß das FIXED in CENTER geändert werden, dann funktioniert es in allen Auflösungen.
<style>
#imHeaderObjects {
position: center;
display: block;
background-color: pink;
z-index: 1000000;
}
#imHeaderBg {
position: fixed;
background-color: pink;
}
</style>
Gruß
KLAUS
Nochmals Danke für deine Hilfe :-) :-)
Autor
Hallo Daniel,
habe jetzt geschafft, das dass Menü in höheren Auflösung mittig ist.
Ist halt nur für Webseiten ohne StickyBar und das Menü oben ist.
Soweit der jetzige Stand.
<style>
#imHeaderObjects {position: fixed; display: block; background-color: white; z-index: 1000000; width: 1920px !important;}
#imHeaderBg {position: fixed; background-color: white !important;}
</style>
<style>@media (min-width: 1348.9px) {#imHeader_imMenuObject_04_wrapper {position: absolute; top: 29px; inset-inline-start: 440px; width: 852px; height: 55px; text-align: center; z-index: 1003;}</style>
<style>@media (min-width: 1660.9px) {#imHeader_imMenuObject_04_wrapper {position: absolute;top: 29px; inset-inline-start: 555px; width: 852px; height: 55px; text-align: center; z-index: 1003}</style>
<style>@media (min-width: 1919.9px) {#imHeader_imMenuObject_04_wrapper {position: absolute;top: 29px; inset-inline-start: 555px; width: 852px; height: 70px; text-align: center; z-index: 1003}</style>
Gruß
KLAUS