Anker und Sprungmarken bei fixiertem Header

  • Hallo Zusammen,

    ich möchte auf der Seite https://www.praxis-runte.de/knieschmerzen-…merzen-im-knie/ gerne ein Inhaltsverzeichnis mit Sprungmarken/Textankern erstellen. Da ich ein fixierten Header-Bereich habe wird beim anklicken des Links zwar zum gewünschten Textbereich gesprungen - allerdings wird der erste Teil vom Header verdeckt.

    Das Problem ist bekannt - ich habe auch schon den Folgenden Teil zur CSS-Veränderung gefunden:

    .position::before {
    display: block;
    content: "";
    height:120px;
    margin-top: -120px;
    visibility: hidden;
    }

    Allerdings bin ich kein Fachmann und muss dazu noch etwas fragen.

    1. Da ich weitere Seiten anlegen möchte brauche ich eine Lösung für den gesamten Internetauftritt. Funktioniert diese CSS Veränderung für die gesamte Seite?
    2. Muss ich an diesem Befehl irgendetwas verändern? Wenn ja was?
      (wie finde ich die Höhe meines Headers heraus?)
    3. Wie und wo genau füge ich den Befehl in meine Seite ein?

    Es geht um die Seite https://www.praxis-runte.de

    Für Eure Hilfe danke ich ganz herzlich!

    Emanuel

    • 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

Jetzt mitmachen!

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