Cara agar template responsive di smartphone

Smartphone minimal panjang posisi layar smartphone 360px

@media screen and (max-width:360px){ #outer-wrapper, .outer-wrapper, #wrapper, .wrapper {max-width: 360px;}
#header h1, #header p {text-align: center;}
#sidebar-wrapper, #sidebar {display: none !important}
#footer-wrapper, .footer-wrapper, #footer, .footer {max-width: 360px;text-align: center;}
}

css diatas mungkin tidak cocok di template yg anda pakai, jadi bisa kalian ubah ID atau Class nya dan css nya pada ukuran smartphone 360px..