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?

1
1

Bagikan jika Anda menyukai halaman ini.

Artikel Serupa


related posts

Cara Export Database di phpMyAdmin

Untuk melakukan eksport database di phpMyAdmin, Anda perlu mengakses phpMyAdmin terlebih dahulu. Langkah-langkah Export Database melalui phpMyAdmin 1. Buka phpMyAdmin di cPanel 2. Pilih database yang ingin dieksport di sidebar sebelah kiri. 3. Klik tombol Export pada menu navigasi di atas tabel. 4. Jika Anda hanya ingin melakukan eksport file SQL, yang dibutuhkan untuk memindahkan […]

Selengkapnya
related posts

Cara Optimasi Database MySQL Menggunakan phpMyAdmin

Melakukan optimasi database MySQL memiliki beberap manfaat bagi website Anda, salah satunya adalah dapat meningkatkan kecepatan database dalam menampilkan data. Ukuran database website dapat bertambah seiring berjalannya waktu, terutama jika website tersebut memiliki banyak konten. Oleh karena itu, melakukan optimasi database dapat signifikan meningkatkan performa website. Untuk melakukan pengoptimalan, Anda dapat menggunakan phpMyAdmin yang merupakan […]

Selengkapnya
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