Menü über den Header setzen beim Theme Twenty Seventeen

  • Hallo,
    wie kann ich das Menü über den Header setzen beim Theme Twenty Seventeen?
    (Das Menü soll oben zuerst kommen dann Headerbild)

    • 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

  • Hi,

    ist jetzt ungetestet, aber in der header.php des Twenty Seventeen finden sich folgende Anweisungen;

    PHP
    <?php get_template_part( 'template-parts/header/header', 'image' ); ?>
    
    
            <?php if ( has_nav_menu( 'top' ) ) : ?>
                <div class="navigation-top">
                    <div class="wrap">
                        <?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?>
                    </div><!-- .wrap -->
                </div><!-- .navigation-top -->
            <?php endif; ?>

    Theoretisch müsstest du nur hingehen und die get_template_part Anweisung unter die has_nav_menu Anweisung zu setzen, da die Dateien ja der Reihe nach abgearbeitet werden.

    Ob das nachher noch gut aussieht vermag ich nicht zu sagen, da wie gesagt ungetestet und der Effekt beim 2017 ja dahingehend ist, dass die Headergrafik nach oben ausgeblendet wird, und das Navigationsmenü oben am Bildschirmrand bleibt, wenn man auf die Inhalte Scrollt.

    Und du solltest dafür ein Childtheme anlegen, falls noch nicht geschehen, da bei einem Themeupdate die Änderung wieder weg wäre.

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Wäre ja schön wenn es so einfach wäre. ;)

    Habe mal so on the fly in meiner lokalen Installation was versucht.

    Code
    .navigation-top {    bottom: 0;
        font-size: 14px;
        font-size: 0.875rem;
        left: 0;
        position: relative;
        right: 0;
        width: 100%;
        z-index: 3;
    }

    Wenn du das in die style.css packst sollte das Menü oben am Bildschirm sein.
    Im Orginal ist die Position des Nav Menü auf absolute gesetzt, durch die Verwendung von relative rutschte es dann nach oben.

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

Jetzt mitmachen!

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