Your Content Goes Here

Sticky-Block klebt bei dir direkt am Rand

Im Original ist an der Spalte bzw. dem Wrapper eine Sticky-Offset-Angabe hinterlegt – technisch so etwas wie:

<div class="fusion-layout-column awb-sticky …"
style="--awb-sticky-offset:32px;">

Das sorgt dafür, dass die Spalte erst 32 px unterhalb der Browserkante „klebt".
Bei dir steht dieser Offset offenbar auf 0.

So setzt du den Abstand in Avada

Variante ohne eigenen Code (empfohlen):

  1. Spalte öffnen, in der der TOC steckt (die rechte, sticky Spalte).

  2. Reiter Design (oder „Layout") → Bereich Sticky Column.

  3. Dort:

    • „Sticky Column" aktivieren (hast du schon).

    • Feld „Offset" / „Abstand nach oben" (o. ä.) auf z. B. 32 stellen.

Damit sitzt der Block nicht mehr direkt am oberen Rand, sondern hat denselben Abstand wie im Avada-Beispiel.

Variante mit etwas CSS (falls die Option nicht auffindbar ist):

  1. Der Sticky-Spalte eine Klasse geben, z. B. toc-sticky
    (Spalte bearbeiten → Reiter Extras → „CSS Class").

  2. Im Custom CSS eintragen:

    .toc-sticky

Avada liest diese Variable und benutzt sie als oberen Sticky-Abstand.

Aktiver Punkt wird nicht hervorgehoben

Im Original bekommt der aktuell sichtbare Abschnitt eine Extra-Klasse, z. B.:

<li class="awb-toc-el__item awb-toc-el__item--highlighted">

li>

Darüber werden Hintergrund und Schriftfarbe geändert (blauer Balken).

Checkliste im TOC-Element

  1. TOC-Element bearbeiten.

  2. Im Reiter Inhalt / Allgemein:

    • Option „Aktuelle Überschrift hervorheben" (oder ähnlich) auf „Ja" stellen.

  3. Im Reiter Design:

    • Hintergrundfarbe für hervorgehobenes Element setzen (z. B. Blau).

    • Textfarbe für hervorgehobenes Element auf Weiß oder etwas deutliches stellen.
      Wenn diese Farben identisch mit dem Normalzustand sind, siehst du keinen Unterschied.