Twenty Seventeen: Interner Anker schiebt Seite unter fixiertes Header-Menü

  • Hallo,

    ich verwende das Theme „Twenty Sventeen“ und möchte auf einer Seite mit gesetzten HTML-Anker für einzelne Blocks (Überschriften) am Anfang der Seite Sprungmarken als (interne) Links auf der Seite setzen. Wenn ich die Links z. B. mit „#Anker1“ setze und anwähle, schiebt sich der Anfang unter das horizontale Menü, das bei „Twenty Sventeen“ beim scrollen fixiert ist. Ich habe schon hier Forum und im Netz versucht eine Lösung zu finden. Das Problem wird zwar mancherorts beschrieben, aber etwaige Lösungen sind leider bei mir erfolglos geblieben.

    Hat jemand einen Rat oder Hinweis?

    Schöne Grüße
    jela

    • 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

  • Hallo,

    ich konnte das Problem zwischenzeitlich durch eine Hilfe von anderer Stelle lösen. Mit dem Plugin Code Snippets habe ich folgenden Code eingefügt und der Effekt tritt danach nicht mehr auf:

    PHP
    add_action( 'wp_head', function () { ?>
    <script>
    
    
         !function(o,n){var t=function(){var n=o(":target"),t=100;n.length>0&&o("html, body").stop().animate({scrollTop:n.offset().top-t},200)};o(n).on("hashchange load",function(){t()})}(jQuery,window);
    
    
    </script>
    <?php } );

Jetzt mitmachen!

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