Wie kann ich den Footer Fixieren

  • Gelöst trommlertom

    (@trommlertom)


    vor 2 Jahren

    Hallo,
    ich nutze Elementor und ein Futorio Themplate.

    Ich würde gerne den Footer am unteren Bildschirmrand fixieren.
    Er soll sowohl in der Desktopvariante als auch in mobilen Ansichten immer unten zu sehen sein.
    Wie geht das?
    Wo muss ich das einstellen?

    Über Eure Hilfe bin ich sehr dankbar…

    Gruß Thomas

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 2 Jahren

    Das klappt ganz gut mit einer Rolle Tesa, wenn du ein paar Klebestreifen auf dem Display … Nein, OK, blöder Scherz. Du kannst den Footer mit einer eigenen CSS-Regel fixieren. Dazu öffnest du in deinem Webbrowser die Entwickler-Tools (Taste F12), klickst auf das Auswahl-Icon ganz links (1) und dann auf den Bereich, den du fixieren möchtest. Die grau hinterlegte Fußleiste hat verschiedene CSS-Klassen zugewiesen bekommen (2), wobei ich hier die Klasse .elementor-element-282e5e6 genutzt habe. Der habe ich dann eine eigne CSS-Regel zugewiesen (3):

    
.elementor-element-282e5e6 {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

    Diese CSS-Regel kannst du im Customizer unter Zusätzliches CSS einfügen.

    Screenshot Einstellungen
    (zum Vergrößern anklicken)

    Thread-Starter trommlertom

    (@trommlertom)

    vor 2 Jahren

    Top!
    Einwandfrei.
    Vielen Dank!
    Jetzt muss ich es nur noch hinbekommen, genügend tesa-Rollen in der Welt zu verteilen… 😉
    Gruß Thomas

    bscu

    (@bscu)

    vor 2 Jahren

    Hallo @trommlertom,
    kannst du das Thema dann bitte als gelöst markieren, wenn das Problem damit für dich behoben ist.

    Thread-Starter trommlertom

    (@trommlertom)

    vor 2 Jahren

    Vielen Dank!

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Das Thema „Wie kann ich den Footer Fixieren“ ist für neue Antworten geschlossen.

Schlagwörter