Sticky Element wird von Footer überlagert :-(

    Hallo Forum,

    ich habe folgendes Problem:

    Ich habe in Elementor einen CTA-Button erstellt, Position Fixed, sozusagen als Sticky-Button, der immer sichtbar ist. Wenn man auf der Seite nach ganz unten scrollt wird der Button allerdings vom Footer überdeckt, was natürlich nicht sein soll. Ich habe den Z-Index des Abschnittes und des Buttons auf 10.000 gesetzt - ohne Erfolg.

    -> https://www.braunderfriseur.de/

    Hat jemand einen Tipp oder eine Idee, wie ich das Problem lösen kann, sodass der Button über dem Footer erscheint?

    Vielen Dank
    ratata

    Einmal editiert, zuletzt von ratata (1. Juni 2022 um 09:42)

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Sorry, keine Antwort. Aber noch Hinweise:

    • Die Seite hat SSL Fehler
    • Das Logo im Header sieht in FF sehr übel aus, in Chrome etwas besser aber nicht wirklich gut
    • Das Video würde ich nicht über YT einbinden, da es bei Cookieablehnung nicht abläuft

    Problem ist behoben ...

    Der Z-Index des Footers war per CSS auf 100 festgesetzt, der Z-Index-Wert des Buttons von >100 wurde ignoriert.
    Z-Index des Footers per CSS auf 10 gesetzt - funzt.

    Auch sorry, und auch keine Antwort. Ich habe die Seite ganz schnell weggedrückt-die Blitzabfolge der Clips tut den Augen weh.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden