Cara Custom Sub Menu Wesbite (Astra Theme)

Sub Menu adalah menu yang berada di dalam menu utama sebuah website. Menu Utama sebuah website biasa disebut dengan parent dan sub menu di fungsikan sebagai sebuah child. Sub Menu muncul setelah Menu utama dipilih.

submenu view

Sub Menu membuat website Anda memiliki struktur menu yang baik. Untuk membuat submenu, bisa menggunakan cara seperti membuat menu. Yang membedakan dalah urutan lokasi menu. Untuk submenu, Anda bisa tarik menu ke lokasi yang diinginkan.

membuat sub menu wordpress

Selain bisa diatur lokasi/posisi submenu, Anda bisa melakukan custom pada submenu. Pada artikel ini, akan kami jelaskan cara custom sub menu dengan menggunakan tema Astra

1. Pastikan Anda sudah membuat sub menu website sesuai dengan yang Anda inginkan.

2. Pilih Appearance > Customize > Header Builder.

3. Setelah masuk di Header Builder, Pilih Primary Menu

header builder

4. Pilih Tab Design, setelah masuk ke pengaturan Primary Menu. Di dalam pengaturan ini terdapat pengaturan untuk melakukan custom pada submenu pada menu navigasi umum dan custom untuk submenu yang menggunakan fitur sticky header.

submenu

5. Untuk melakukan custom, Anda cukup mengubah warna pada pilihan dibawah

  • Text / Link : Untuk mengatur warna pada teks atau link pada primary menu.
  • Background : Untuk mengatur background pada primary menu.
  • Mega Menu Heading : Untuk mengatur warna menu pada setting Mega Menu Heading.
setting submenu color

Pada pilihan custom warna, Anda memiliki 3 pilihan untuk menu dari kiri ke kanan (Normal, Hover, dan Active)

  • Normal : Saat menu tidak dipilih dengan kursor
  • Hover : Saat menu disorot dengan kursor
  • Active : Saat halaman tampilan webiste berada di halaman menu yang dipilih
submenu normal
submenu hover
submenu active

Apakah artikel ini membantu?

Bagikan jika Anda menyukai halaman ini.

Artikel Serupa


related posts

Cara Migrasi Website Weebly ke Hosting

Weebly merupakan platform untuk membuat website berbasis drag and drop. Anda dapat membangun website secara praktis tanpa coding sekalipun. Sayangnya layanan Weebly Niagahoster akan dinonaktifkan pada tanggal 30 Januari 2023. Bagi Anda yang masih menggunakan layanan ini harap untuk melakukan pemindahan atau migrasi sebelum tanggal tersebut. Pada panduan ini, kami akan memberikan solusi alternatif agar […]

Selengkapnya
related posts

Mengutamakan produk tertentu di paling atas halaman shop di woocommerce

Jika kita ingin mengutamakan beberapa produk agar bisa menjadi yang teratas di halaman shop maka kita bisa menggunakan “sorting” Drag and drop produk mana yang ingin kita utamakan paling atas  Produk paling atas akan menjadi yang pertama muncul di halaman “Shop” Apakah artikel ini membantu?

Selengkapnya
related posts

Cara Menghapus Kategori Produk “Uncategorized” di Woocommerce

Buat terlebih dahulu kategori produk yang lebih general atau akan sering digunakan  Pilih kategori tersebut sebagai default dengan klik “Make default“   Setelah itu kita baru bisa menghapus kategori “uncategorized”  Apakah artikel ini membantu?

Selengkapnya