Hallo,
wie kann ich das Menü über den Header setzen beim Theme Twenty Seventeen?
(Das Menü soll oben zuerst kommen dann Headerbild)
Menü über den Header setzen beim Theme Twenty Seventeen
-
-
- Gerade eben
- 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)
-
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.
-
Danke für den Tipp. Leider funktioniert es nicht, das Menü bleibt unterhalb des Headerbildes.
-
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. -
Danke für die Hilfe,
habe es wie in der Anweisung gemacht, aber es funktioniert bei mir einfach nicht.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!