 |
| Box Header Kotak Melengkung di Mobile HP |
Box Header Kotak Melengkung
Cara Membuat Box Header Kotak Melengkung di Tema Plus UI 2.6, ketika saat tampilan mobile smartphone, sebagai berikut.
Sebelumya masuk dulu ke menu Dashboard Blogger, kemudian Edit Template.
Tahap I
Cari kode berikut,
@media screen and (max-width:640px){
/* Header */ .headCn{height:var(--headerHm)}
Tahap II
diubah menjadi
@media screen and (max-width:640px){/* Header */ header{border-bottom:none} .headCn{border-radius: 0 0 18px 18px;height:47px;border-bottom: 2px solid #eee;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3)}
Semakin besar angka dari 10px 10px , semakin besar lengkungan nya.
Demikian semoga bermanfaat.