Pengaturan Navbar Template Bootstrap Drupal

Tutorial ini merupakan kelanjutan dari tutorial sebelumnya tentang Instalasi dan Konfigurasi Template Bootstrap Pada Drupal 7.

Navbar (Navigation Bar) Merupakan menu navigasi untuk memudahkan pengunjung dalam menemukan konten website yang tersedia. Umumnya sebuah navigasi akan mengarah kesebuah laman/link ataupun sebuah artikel yang sudah dikelompok dalam satu kategori tertentu.

Berikut ini adalah – langkah – langkah Pengaturan Navbar Template Bootstrap Drupal

Sebelum melakukan pengaturan Navbar Bootstrap alangkah baiknya buatlah beberapa menu terlebih dahulu. Untuk tata cara membuat menunya bisa Anda lihat pada artikel Membuat Submenu Pada Template Bootstrap Drupal Dengan Special Menu Item
Klik menu Apperance > Settings
Pilih Tab/Menu Bootstrap Sub-theme
Selanjutnya klik Menu Components
Pada Navbar Position ada beberapa pilihan namun disini Saya menggunakan Static Top
Jangan lupa centang “Inverse navbar style”
Bila berhasil nanti tampilannya akan terlihat seperti gambar dibawah ini

Sebenarnya ini belum selesai karena bila pada front end (halaman depan) khususnya bila Anda menggunakan Module Administration Menu Drupal maka ketika mouse Anda diarahkan ke menu Administrasi maka sub menu dari Navigasi Admin akan terhalang oleh Navbar Bootstrap, oleh karena itu Anda perlu melakukan setting pada file css yang terdapat di site\all\themes\bootstrap_subtheme\css\style.css

Merupakan file css yang bisa digunakan untuk custom template Drupal. Supaya sub menu Admin tidak terhalangi maka Anda perlu menambahkan custom css terhadap file tersebut, tambahkan script dibawah ini

#admin-menu {z-index:9999;}

Dengan menambahkan baris css tersebut maka nanti sub menu Admin tidak akan terhalang oleh navbar template bootstrap.

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple