Hallo semua pada kesempatan kali ini saya akan membagikan cara Membuat Header Sticky Pada Median Ui 1.6.
Bagi yang masih belum tahu, Sticky header adalah header yang selalu muncul meskipun layar di scroll ke bawah. Sehingga identitas blog seperti logo, nama, slogan, deskripsi, dan icon yang ada di atas layar tetap terlihat di setiap halaman.
Cara membuat Header sticky pada median ui 1.6?
Step 1: Silahkan Kalian Masuk Blogger
Step 2: Pilih Tema Dan Edit Html
Step 3: Tekan Tombol CTRL + F setelah itu cari kode berikut
/* Remove this to keep header floating */
Step 4: Hapus Kode Berikut
/* Remove this to keep header floating */ header{position:relative;border:0}
Step 5: Klik Ikon Dan Lihat Hasilnya
Cara membuat Header sticky pada median ui 1.5?
Step 1: Silahkan Kalian Masuk Blogger
Step 2: Pilih Tema Dan Edit Html
Step 3: Tekan Tombol CTRL + F setelah itu cari kode berikut
@media screen and (max-width:896px)
dan cari kode dibawah ini di area tersebut
header{position:relative;border-bottom:0}
Step 4: ganti position:relative dengan position:sticky seperti css di bawah ini
header{position:sticky;border-bottom:0}
Step 5: Klik Ikon Dan Lihat Hasilnya
ok jadi sekian Cara membuat Header Sticky Pada Median UI 1.6 dan 1.5 semoga bermanfaat, dan terima kasih sudah berkunjung.
Referensi
- https://www.yazidtips.com/2022/02/cara-membuat-header-sticky-pada-median.html?m=1