[Genesis Framework] Cara mengubah posisi tampilan menu navigasi

Di Genesis Framework, menu navigasi pada dasarnya dipasang di dua tempat berikut.

Header: Menu Navigasi Utama
Footer: Menu Navigasi Sekunder

Dari jumlah tersebut, saya akan menunjukkan kepada Anda bagaimana menampilkan menu navigasi sekunder yang ditampilkan di footer di kanan atas header.

Cara mengubah posisi tampilan menu sekunder

Sebagai contoh, saya akan menggunakan tema anak "Genesis Sample" yang disertakan dengan pembelian kerangka Genesis.Secara default, menu utama hanya memiliki satu baris, tetapi dengan memposisikan menu footer di atas header, menjadi dua baris.

Menu default untuk Genesis Sample
menu bawaan
Menu Genesis Sample setelah kustomisasi
Menu yang disesuaikan

1. Buka layar pengelolaan WordPress → Tampilan → Editor tema.

2. Selanjutnya, pilih tema anak genesis yang ingin Anda edit dan buka function.php.
(Simpan cadangan function.php dengan mengunduhnya secara terpisah jika Anda gagal mengeditnya.)

3. Saya pikir saya memiliki kode berikut, jadi

// Mengubah posisi menu navigasi sekunder.remove_action( 'genesis_after_header', 'genesis_do_subnav' ); add_action( 'genesis_footer', 'genesis_do_subnav', 10 );

4. Perbarui dengan mengganti dengan kode berikut.

// ubah posisi menu sekunder remove_action( 'genesis_after_header', 'genesis_do_subnav' ); add_action( 'genesis_before_header', 'genesis_do_subnav' );

Tambahkan kode berikut ke CSS Tambahan.

/* Ratakan menu ke kanan */ .nav-secondary{ margin: .3em 2em;text-align:right;

itu saja.

Nama kelasnya adalah .nav-secondary, tetapi jika namanya berbeda tergantung tema anak, klik kanan di google chrome dan periksa dari Validasi.

Manajemen blogKerangka Kejadian,Sesuaikan,CSS,Kejadian Kerangka