Mengatasi menu template Basil-Portfolio yang tidak tampil di handphone

Sepertinya template "Basil-Portfolio" buatan sora template ini layak dicoba.. keren abis!
Apalagi dengan desain 1-kolom untuk homepagenya terlihat sangat menawan.
Tak disangka kalau website yang mengadopsi template ini adalah menggunakan platform blogspot.
Terlihat seperti menggunakan self hosted semisal wordpress, keren pokoknya..
Ini yang saya suka dari template basil portfolio tersebut, walaupun template ini tergolong jadul tapi masih menawan..
"https://www.soratemplates.com/2017/08/basil-portfolio-blogger-templates.html" Pada header template basil ini tersemat background parallax, yang mana gambar background tidak ikut bergerak ke atas ketika halaman discroll ke bawah.
Dan ketika halaman discroll ke bawah lagi, maka kita akan disuguhi tampilan menu yang menarik, ditambah animasi yang bergerak ke kiri dan ke kanan, terkesan dinamis..

Menu gak tampil di hp?
Namun dari tampilan yang menawan tersebut ada sedikit kekurangan.
Kekurangan tersebut akan terlihat ketika kita mengaksesnya melalui handphone.
tampilan menu seperti slide testimoni, animasi team dan semua animasi menu di template ini tidak dapat tampil bila kita mengaksesnya melalui browser hp semacam opera mini.
Karena browser tersebut "mengkompres data" sehingga animasi menu yang menggunakan javascript akan dicekal dan berakibat website hanya memampilkan halaman kosong pada menunya.
Lain lagi bila mengaksesnya menggunakan browser semisal opera browser, chrome dll.. maka akan tampil dengan sempurna.
Baca juga: Cara menampilkan thumbnail di homepage blogspotSetelah saya mengotak atik template ini..
Akhirnya kendala tersebut dapat diatasi, yaitu dengan cara menonaktifkan perintah javascript yang digunakan untuk tampilan animasi pada menunya.
Cukup menambahkan meta conditional (false) pada tampilan mobile.
Yaitu pada script wow.js ini:
<script>
/*<![CDATA[*/
/*! WOW wow.js - v1.3.0 - 2016-10-04
* https://wowjs.uk
* Copyright ....
.....

Menjadi seperti ini:
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<script>
/*<![CDATA[*/
/*! WOW wow.js - v1.3.0 - 2016-10-04
* https://wowjs.uk
* Copyright ....
.....
</b:if>
Nah..
Makin keren aja template ini karena sekarang sudah bisa diakses dari semua browser handphone..!
Semoga bermanfaat..

Comments

  1. Saya cek lewat handphone dan ternyata bisa diakses. Selamat-selamat.

    ReplyDelete

Post a Comment