Tutorial Cara Membuat Menu Navigasi Tetap ini dibuat khusus bagi pengguna tema divi dan ini berlaku untuk pengguna seluler.
Jika secara default untuk tampilan desktop divi theme sudah menyediakan opsi ini, tetapi bagaimana jika untuk pengunjung yang menggunakan handphone? tentunya opsi ini tidak berlaku
Disini Anda akan mendapatkan bagaimana cara membuat menu tidak bergerak saat pengunjung mengscrool kebawah khususnya penggunan seluler
Tutorial ini biasanya disebut  fixed header / menu untuk Divi,
Menu ini menempel di bagian atas layar ketika Anda menggulir kebawah sehingga Anda memiliki akses mudah ke halaman lain di situs.
Divi theme seharusnya menyediakan menu ini juga secara default mengingat saat ini banyaknya pengguna seluler dibanding desktop, tetapi untuk saat ini Anda tidak akan menemukan opsi ini karena tidak disediakan oleh divi theme.
Menambahkan kode CSS
Untuk menambahkan script ini ada beberapa cara, pertama Anda bisa menambahkan script atau kode CSS ke Theme Options-Costum CSS.
Tetapi pada tutorial kali ini Anda akan melihat bagaimana cara menambahkan kode CSS dengan menggunakan plugin insert header&footer
Bagi Anda yang belum memiliki plugin insert header&footer silahkan pasang terlebih dahulu untuk bisa mengikuti tutorial cara Membuat menu navigasi yang tetap diseluler
Jika sudah dipasang, caranya sangat mudah Anda hanya perlu copy paste kode dibawah ini ke insert header & footer
Script css
Membuat Menu Navigasi Tetap Di Seluler
Script CSS Divi Fix Navbar :
<style>
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
}
}
.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;
}
</style>
Bagaimana Memasangnya?
Cara memasangnya sangatlah mudah, Silahkan Anda Copy kode diatas dan paste di plugin header &Â footer yang sudah dipasang tadi seperti dibawah ini
Setelah selesai silahkan Anda save dan coba bagaimana tampilan website Anda di seluler sekarang?
Tutorial yang sangat sederhana tetapi sangat bermanfaat bagi pengguna seluler, semoga setelah menerapkan Cara Membuat Menu Navigasi Tetap Di Seluler ini pengunjung website Anda semakin betah berlama-lama.
jika Anda mengalami kendala silahkan tinggalkan komentar dibawah ini.
