Theme Settings – Site Navigation

Halaman ini menjelaskan tentang penyesuaian Site Navigation.
Site navigasi adalah bagian yang berisikan logo website dan menu navigasi yang berada di bagian atas website setelah site top bar.

Masuk ke dalam WordPress Dashboard > Appearance > Customize > Theme Settings – General > Site Header Navigation (Menu).

Beberapa fitur pada pengaturan ini :

  1. General

    Hide Site Navigation Globally
    Digunakan untuk menyembunyikan atau me non-aktifkan site navigasi secara keseluruhan
    Absolute Navigation Position
    Hal ini berguna bila Anda ingin memadukan navigasi situs ke header situs.

  2. Color Scheme

    Color Scheme
    Ada 2 pilihan untuk penyesuai warna dari site navigation. Light dan Dark.
    Background Color
    Digunakan untuk menyesuaikan warna latar belakang site navigation.

  3. Sticky

    Untuk melihat preview ini bisa scroll ke bawah setelah di aktifkan, saat menu dan keadaan sticky.
    Sticky
    Digunakan untuk meng-aktifkan Sticky Navigation.
    Sticky Background Color
    Digunakan untuk menyesuaikan warna latar belakang site navigation saat sticky navigation aktif.

  4. Custom Padding
    Digunakan untuk menyesuaikan jarak bagian atas dan jarak bagian bawah dari site navigation.
    Fitur ini hanya berpengaruh di tampilan desktop dengan lebar layar >= 992p.

  5. Brand

    Brand Type
    Pilihan untuk bentuk tampilan dari Brand (Logo) website. ada 3 pilihan:
    > Brand Text – hanya text dari judul situs yang ditampilkan
    > Brand Logo – hanya logo dari situs yang ditampilkan
    > Brand Logo & Text – logo dan text dari situs akan ditampilkan
    Brand Text
    Digunakan untuk mengubah text (judul situs).
    Text Color
    Digunakan untuk menyesuaikan warna text (judul situs).
    Text Color (Hover)
    Digunakan untuk menyesuaikan warna text (judul situs) saat di sorot.

  6. Menu

    Alignment
    Digunakan untuk menyesuaikan posisi dari site menu, ada 3 pilihan: Left, Center, Right.
    Font Size
    Digunakan untuk menyesuaikan ukuran huruf site menu.
    Link Color
    Digunakan untuk menyesuaikan warna huruf site menu.
    Link Color (Hover)
    Digunakan untuk menyesuaikan warna huruf site menu saat di sorot.
    Link Color (Active)
    Digunakan untuk menyesuaikan warna huruf site menu saat menu sedang aktif.

  7. Quick Nav

    Show Search Form
    Digunakan untuk menampilakan menu (icon) Search Form di site navigation.
    Show Mini Cart
    Digunakan untuk menampilkan menu (icon) Mini Cart di site navigation, fitur ini akan muncul saat WooCommerce Plugin aktif.
    Icon Color
    Digunakan untuk menyesuaikan warna icon yang ada di site navigation.
    Icon Color (Hover)
    Digunakan untuk menyesuaikan warna icon yang ada di site navigation saat di sorot.

  8. Mobile Menu (OffCanvas Menu)

    Mobile Menu Backgroud
    Mengganti Background pada menu mobile.
    Mobile Menu Text Color
    Mengganti Warna Text Menu.
    – Mobile Menu Line Color
    Mengganti Garis Bawah pada setiap menu.

Satuan yang digunakan untuk ukuran font (huruf) dan jarak yaitu rem.