Table of contents - Sprungpunkt unter dem fixen Header Menü

    Hallo,

    ich habe eben das Plugin Table of contents installiert.
    Oben habe ich ein fixes Menü und das wird nicht berücksichtigt, die ersten Zeilen sind dann unter dem Menü.

    Was kann man da denn machen?

    • 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

    versuche mal

    einfügen in
    /wp-content/plugins/table-of-contents-plus/screen.css

    Code
    #toc_container {
    top: 100px;
}


    oder

    Code
    #toc_container {
    margin-top: 100px;
}

    die 100px nach belieben anpassen

    wenn dieser Abstand nur auf einer Seite sein soll, die Seiten ID davor setzen

    Einmal editiert, zuletzt von Tutrix (31. Dezember 2013 um 11:08)

    Hallo,
    der Abstand wird bei allen "Tabels" benötigt.
    Mit #toc_container komme ich nicht weiter, da das ja nur den Abstand des Inhaltsverzeichnis ändert. Mit geht es aber um die Sprungpunkte. Wenn ich zu dem Überschriften springe, fehlt diese und ein Teil des Textes, weil es unter dem Menü liegt.

    hmmm...

    nein

    Code
    <div class="mein-neues-div">
<div id="toc_container"........>Inhaltsverzeichnis</div>(oder wie immer das bei dir aussieht)
<h2>Überschrift</h2> (Punkt 1)
<p> Text.......</p>
<h2>Überschrift</h2> (Punkt 2)
<p> Text.......</p>
<h2>Überschrift</h2> (Punkt 3)
<p> Text.......</p>
usw.
</div>


    css dazu

    Code
    .mein-neues-div {
    top: 100px;
}

    du fügst ja nur ein einziges div hinzu nicht zusätzlich vor jeder Überschrift

    Klappt leider auch nicht. Die Überschrift ist weiter unter dem Menü.

    Wenn ich position und z-index von dem Menü entferne, scrollt es ja mit und alles klappt wunderbar.
    Was aber komisch ist... das Wordpress-Admin Menü ist doch genauso "fixed" und hier klappt das mit dem Sprungpunkt. Welche CSS-Anweisungen hat das Menü denn mehr?

    Hier mal der CSS-Code für das Menü:

    Code
    .nav-primary {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 999;
}

    Ha, bei denen gehts, bei mir net.

    Mein Aufbau sieht so aus, wie du mir geschildert hast.
    Wo genau steht das denn bei denen im Quellcode? Ist mein-neues-div bei denen der entry-content?
    Oder wo vergeben die den Abstand?

    füge mal dies in deine style.css

    Code
    .entry-content h2 span[tabindex] {
    padding-top: 100px;
}

    .entry-content eventuell anpassen, wenn das bei dir anders heißt
    und auch hier die 100px nach belieben anpassen

    Wer lesen kann, ist klar im Vorteil! :oops:

    Das Plugin bringt die Funktion mit!
    Unter den Advanced Options gibt es diesen Punkt:

    Zitat

    If you have a consistent menu across the top of your site, you can adjust the top offset to stop the headings from appearing underneath the top menu. A setting of 30 accommodates the WordPress admin bar. This setting appears after you have enabled smooth scrolling from above.

    Und deswegen hat das auch mit der Admin Bar geklappt. Wenn man aus 30 z.b. 100 macht, passt es schon fast!

    Und noch mal... :oops: ;)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden