[Genesis Framework] Hoe de weergavepositie van het navigatiemenu te veranderen

In Genesis Framework worden navigatiemenu's in principe op de volgende twee plaatsen geïnstalleerd.

Header: Primair navigatiemenu
Voettekst: Secundair navigatiemenu

U kunt als volgt het secundaire navigatiemenu weergeven dat in de voettekst rechtsboven in de koptekst wordt weergegeven.

De weergavepositie van het secundaire menu wijzigen

Als voorbeeld gebruiken we het child-thema "Genesis Sample" dat bij de aankoop van het Genesis-framework wordt geleverd.Standaard is er slechts één regel voor het hoofdmenu, maar de positie van het voettekstmenu wordt op twee regels ingesteld door het in de koptekst in te stellen.

Genesis Voorbeeld standaardmenu
Standaardmenu
Aangepast Genesis-voorbeeldmenu
Aangepast menu

1. Open het WordPress-beheerscherm → "Uiterlijk" → "Thema-editor".

2. Selecteer vervolgens het Genesis child-thema dat u wilt bewerken en open function.php.
(Maak een back-up van function.php door het afzonderlijk te downloaden voor het geval het bewerken mislukt)

3. Ik denk dat ik de volgende code heb

// Herpositioneert het secundaire navigatiemenu. Remove_action ('genesis_after_header', 'genesis_do_subnav'); add_action ('genesis_footer', 'genesis_do_subnav', 10);

4. Vervang door de volgende code en update.

// Verander de positie van het secundaire menu remove_action ('genesis_after_header', 'genesis_do_subnav'); add_action ('genesis_before_header', 'genesis_do_subnav');

Voeg de volgende code toe aan de aanvullende CSS.

/ * Recht het menu uitlijnen * / .nav-secundair {margin: .3em 2em; text-align: right;}

dat is alles.

De klassenaam is .nav-secundair, maar als de naam verschilt afhankelijk van het onderliggende thema, klik dan met de rechtermuisknop op Google Chrome → Verifiëren.