Kustomasi Tampilan Seluler Blog

Dari dasbor blog, pilih Tema > Setelan Seluler > Desktop > Simpan.

Kustomasium-TampilanTidakResponsif

Masuk ke Tema > Edit HTML.

Cari <meta expr:content='data:blog.isMobile         ? &quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot;         : &quot;width=1100&quot;' name='viewport'/> ganti dengan <meta content='width=device-width, initial-scale=1' name='viewport'/>.

Cari CSS .post-body img, .post-body .tr-caption-container ganti yang ada dengan padding:0;width:auto;max-width:80%;height:auto;.

Tambahkan CSS media screen berikut ini sebelum tag ]]></b:skin>:
@media screen and (max-width:1024px){
body,.content-outer, .content-fauxcolumn-outer, .region-inner {width:100%!important;min-width:100%!important;padding:0!important}
}

@media screen and (max-width: 603px){
.main-inner .columns {padding-right:0!important;}
.main-inner .column-right-outer {width:100%!important;margin-right:0!important;}

Simpan perubahan.

Kustomasium-TampilanSudahResponsif

Tidak ada komentar:

Posting Komentar

keyboard_arrow_up