Menghapus Search Box/Kotak Pencarian Pada Header Template Emporio



Sobat emporian yang ingin mencoba menghapus kotak pencarian pada header saja, namun
masih tampil pada sticky header guna untuk menambah ruang atau ingin  agar header
terlihat luas atau hanya ingin agar tampilan blog lebih fresh atau berbeda dari bawaannya,
maupun alasan lainnya bisa dilakukan dengan sangatlah gampang dalam beberapa langkah saja.

Langsung ke Point Pertama

Masuk dasboard lalu edit html. Cari kode
 
.centered-top .search


lalu tambahkan kode berikut kedalamnya

display:none;

jelasnya jadi seprti ini

.centered-top .search{
-webkit-box-flex:0;
-webkit-flex:0 0 auto;
-ms-flex:0 0 auto;
flex:0 0 auto;
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2;
display:none;
}

Atau lihat gambar

Point Kedua , copy kode dibawah ini:


.sticky .centered-top .search{
display:block;
}


lalu paste dibawah .centered-top .search atau bisa diatas ]]></b:skin> atau lihat gambar.

 



Kemudian save. Cek hasilnya. Box Searxh sudah tak ada.Dan Header terlihat lebih berbeda dan lebih luas.Tapi Box search masih tampil di sticky header.

Adios...
 

Post Terkait :

Komentar