Menu Situs Web

Menu Navigasi situs web membantu pengguna dengan mudah mengakses berbagai bagian dan halaman situs web, meningkatkan pengalaman pengguna secara keseluruhan dan meningkatkan kegunaan situs.

Dalam artikel ini


Anda dapat mengatur gaya Menu (untuk desktop dan seluler) dari bagian Desain (1).

Setelah Anda berada di bagian Desain, klik tab Menu (2).

Alternatifnya, Anda juga dapat menggunakan opsi pencarian studio.

  • Enter Menu (1) di Bilah Pencarian.
  • Dari hasil terkait, klik pada Desain- Menu Situs Web pilihan 2).


  1. Jarak Menu – Tentukan spasi di antara tautan menu (ditentukan di vw).
  2. Jarak Blok – Tentukan spasi antara tautan menu, ikon media sosial, dan ikon pencarian/keranjang (ditentukan di vw).
  3. Tautan Aktif / Arahkan – Pilih gaya untuk tautan menu aktif dan arahkan tautan. Anda dapat memilih dari garis bawah, garis atas, coretan, dan tanpa gaya.


  1. Gaya - Tentukan apakah Anda ingin menampilkan Ikon, Label, Keduanya, atau Tidak Ada di perangkat seluler.
  2. Ikon – Pilih gaya ikon menu.
  3. Ukuran Ikon – Tentukan ukuran ikon menu (ditentukan dalam piksel).


  1. Tata Letak: Pilih tata letak tampilan layar menu di perangkat seluler. Pratinjau tata letak yang dipilih akan ditampilkan di sini.
  2. Ukuran Teks Menu: Tentukan ukuran teks menu di ponsel.


  1. Ukuran – Tentukan ukuran ikon (ikon media sosial, ikon pencarian, dan ikon keranjang) di header (ditentukan dalam piksel).
  2. Jarak – Tentukan ruang antara ikon (ikon media sosial, ikon pencarian, dan ikon keranjang) di header (ditentukan di vw).
  3. Warna – Pilih warna untuk ikon media sosial. Anda dapat memilih antara Warna Menu dan Warna Merek.
    Warna menu akan menggunakan set warna untuk tautan menu di menu utama kategori, dan warna merek akan menggunakan warna merek asli dari ikon media sosial.
  4. Kelola Ikon Sosial – Klik opsi ini untuk menambah, menghapus, atau menyusun ulang ikon media sosial yang ditampilkan di header. Ini memungkinkan Anda menyesuaikan platform mana yang ditampilkan dan bagaimana tampilannya di situs web Anda.

Setiap perubahan pada opsi ini akan tercermin pada ikon sosial situs web Anda:

Lihat cara kerja ukuran ikon: 


Tidak dapat menemukan yang Anda cari?

Hubungi Pakar Pixpa.

Pixpa Studio baru saja diperbarui. Kami sedang memperbarui semua tangkapan layar artikel bantuan saat ini.