Sticky Header verdeckt die Überschrift bei Sprungzielen vom Inhaltsverzeichnis

  • Gelöst Karl

    (@zittau)


    vor 1 Jahr, 8 Monaten

    Hallo,

    in den Block-Themes lässt sich blitzschnell über den Block „Table of Contents“ ein Inhaltverzeichnis mit Links erstellen, welche dann zur Überschrift mit dem ebenfalls automatisch erstellten HTML-Anker springen lässt.

    Wenn ich jedoch einen „Sticky Header“ verwende, ist diese von diesem verdeckt. Um die Überschrift zu sehen, kann ich nur durch Zurückscrollen diese erst sehen – siehe Beispiel.

    Wie lässt sich der Sprungmarke (also der Überschrift) ein „padding-top“ hinzufügen, sodass die Überschrift nicht mehr vom Sticky Header verdeckt ist? Ich wollte schon dem vorangestelltem Abstandshalter den HTML-Anker zuweisen, welches aber dann einen Fehler erzeugt.

    Karl

    • Dieses Thema wurde geändert vor 1 Jahr, 8 Monaten von Karl.
    • Dieses Thema wurde geändert vor 1 Jahr, 8 Monaten von Karl.
    • Dieses Thema wurde geändert vor 1 Jahr, 8 Monaten von Karl.
    • Dieses Thema wurde geändert vor 1 Jahr, 8 Monaten von Karl.

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

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr, 8 Monaten

    Hallo,
    eine einfache Option wäre, indem du nicht bei der Überschrift den Anker einrichtest, sondern davor einen Abstandhalter-Block einfügst, dem du dann den Anker, den du eigentlich für die Überschrift vorgesehen hast, zuweist. Der Abstandhalter sollte in dem Fall die gleiche Höhe haben wie der sticky Header.
    Sieht aber vielleicht nicht optimal aus. 🤔

    Viele Grüße
    Hans-Gerd

    Thread-Starter Karl

    (@zittau)

    vor 1 Jahr, 8 Monaten

    @hage

    […] eine einfache Option wäre, indem du nicht bei der Überschrift den Anker einrichtest, sondern davor einen Abstandhalter-Block einfügst, dem du dann den Anker, den du eigentlich für die Überschrift vorgesehen hast, zuweist.

    Danke für den Tipp. Genau das hatte ich gemacht. Nur dass nach dem Aktualisieren auf die WP-Version 6.2 sämtliche Abstandshalter mit einem HTML-Anker diese Fehlermeldung hatten:

    Dieser Block enthält unerwarteten oder ungültigen Inhalt.

    Dazu gab es einen Knopf „Versuch der Blockwiederherstellung“ …

    Nach der Blockwiederherstellung war der HTML-Anker entfernt.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr, 8 Monaten

    @zittau
    dann einfach die Abstandhalter wieder einrichten. 😉

    Thread-Starter Karl

    (@zittau)

    vor 1 Jahr, 8 Monaten

    @hage

    Danke. Ich meinte, dass die Fehlermeldung wieder käme, wenn ich den HTML-Anker in den Abstandhalter lege. Aber Du hast Recht!
    Jetzt funktioniert es …

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr, 8 Monaten

    super – freut uns. Danke für die Rückmeldung und “Gelöst”-Markieren. 👍

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
  • Das Thema „Sticky Header verdeckt die Überschrift bei Sprungzielen vom Inhaltsverzeichnis“ ist für neue Antworten geschlossen.