Neu Sprunkmarke verschwindet unter megamenu

[radonshop]

Hallo zusammen,

auf einer Seite habe ich Sprungmarken eingefügt, um die Navigation zu erleichtern: https://www.radonshop.com/radon-messung

Selbst mit meinen rudimentären HTML Kenntissen hat das wunderbar funktioniert:
<a href="http://domain/blog-beitrag#sprungmarke" title="Titel Sprungmarke">
Und die Sprunkmarke in der Überschrift: <h2 id="Sprungmarke">

Das Problem: Meine Sprunkmarke wird beim draufklicken nicht vollständig gezeigt, sondern vom megamenu verdeckt.

Gibt es eine einfache Lösung, um die Sprungmarke erst unterhalb des megamenus darzustellen?

Danke und viele Grüße!

 

[MHillmann]

Hallo @radonshop

eine Methode, die rein auf CSS basiert, wäre den Anchor (Sprungmarke) als unsichtbares Element anzulegen, welches einen deinem Header entsprechenden negativen Abstand nach oben hat. Siehe z. B. hier:
https://stackoverflow.com/questions...or-to-adjust-for-fixed-header#answer-13184714

Viele Grüße
Michael

 

[radonshop]

Hallo @MHillmann ,

danke für die schnelle Antwort! Das sieht ja machbar aus - sogar für mich.

Darf ich noch fragen, wie ich in den header gelange, um auf das stylesheet zu verweisen?

Danke schon mal und viele Grüße!

 

[MHillmann]

Schau dir am besten mal an wie man ein Child-Template anlegt, bzw. wie man damit arbeitet: https://jtl-devguide.readthedocs.io...plate.html#ein-neues-child-template-erstellen

 

[radonshop]

Hallo Michael,

das hat gut funktioniert.
Eine Klasse zur ID

<a class="anchor" id="Sprungmarke"></a>

und in den Header der CSS

a.anchor {
display: block;
position: relative;
top: -250px; /*negative Höhe des Headers
visibility: hidden;
}

und alle Anker sind vollständig sichtbar.

Danke für die Unterstützung!
Viele Grüße und ein schönes Wochenende.

 

[Martin1905]

Guten Morgen zusammen,

ich würde mich hier mal einklinken.

Wenn ich einen Anker in einer Kategorieseite setze, springt die Ansicht nach unten und scrollt dann langsam wieder hoch.

Kann ich das irgendwie verhindern?

Grüßen
Martin