Cara Mengatur Menu Responsive

Video Tutorial Cara Mengatur Menu Responsive

Mohon maaf, video tutorial untuk materi "Cara Mengatur Menu Responsive" belum tersedia

Panduan Tertulis Cara Mengatur Menu Responsive

Menu Responsive adalah pengaturan terkait menu apa saja yang nantinya akan muncul ketika Anda mengakses website Anda melalui handphone. 

 

Mengakses Menu Responsive 

1. Pada modul “Manajemen Administrasi” > pilih fitur “Data Master & Pengaturan”  > pilih fitur “Design & Tampilan” > pilih fitur “Tampilan Halaman Utama” > pilih fitur “Theme Builder”

tampilan 80.png

tampilan 81.png

tampilan 82.png

(Gambar di atas : Tahapan untuk mengakses fitur Theme Builder)

 

Selanjutnya Anda akan melihat halaman pengaturan tampilan halaman depan. 

Tampilan 2.png

(Gambar di atas : Tampilan halaman pengaturan tampilan halaman depan)

 

2. Pada halaman pengaturan tampilan halaman depan > pilih tombol “Pengaturan Lanjut” Logo.png” > pilih tombol “Menu Responsive”

 

Tampilan 3.png

(Gambar di atas : Penunjuk tombol Menu Responsive)

 

Mengatur Menu Responsive

Pada bagian ini Anda dapat menambah, mengubah, dan menghapus Menu Responsive.

 

A. Menambah Menu Responsive

Anda dapat menambahkan Menu Responsive, dengan langkah-langkah sebagai berikut :

  1. Pilih tombol “Tambah Menu” 
  2. Pilih link internal dengan mengklik tombol Logo 2.png kemudian akan memunculkan “Menu Utama”
  3. Pilih menu yang Anda inginkan kemudian klik Pilih Link” dengan simbol Logo 2.png. Maka akan terisi secara otomatis “Judul” dan “URL”
  4. Klik Simpan Menu untuk menyimpan perubahan

 

Tampilan 4.png

(Gambar di atas : Penunjuk letak tombol-tombol pada Menu Responsive)

tampilan 84.png

(Gambar di atas : Penunjuk untuk memilih link halaman pada Menu Responsive)

 

B. Mengubah Menu Responsive

Anda dapat melakukan pengubahan Menu Responsive dengan 2 cara, yaitu:

  1. Jika ingin melakukan perubahaan penempatan menu, klik tombol Logo 2.png” atau Logo.png untuk melakukan perubahannya
  2. Jika ingin menambahkan sub menu, silahkan pilih “Tambah Sub Menu”  “Logo.png

 

C. Menghapus Menu Responsive

Anda dapat menghapus Menu Responsive dengan mengklik tombol “Hapus Menu” Logo 2.png

 

Berikut adalah tampilan Menu Responsive yang akan muncul pada aplikasi mobile 

 

Tampilan 5.pngTampilan 6.png

Twit Terbaru
Facebook Aksana
messenger icon
messenger icon Chat Dengan Kami