Dear Reader, if you like SUYB's content, feel free to comment on our blog posts.design job on a Blogger blog when we came across a problem I had not encountered before.While checking how the blog looked on mobile devices such as the iPad, I found I could not use Pinch To Zoom.I'm sure you will all have used some form of a touch screen mobile device with pinch to zoom so now how important it is.
I had believed all sites automatically allowed pinch to zoom on mobile so I needed to find a way to fix the problem.
The solution I came up with was a meta tag I could add to the template that would :
1. First Set the blogs default size on Mobile devices : initial-scale=1.0
2. Second specify that Mobile users could zoom : user-scalable=yes'
3. Third set the minimum and maximum scale : maximum-scale=12.0, minimum-scale=.25,
With this meta tag added to the blog we then had no problem using pinch to zoom on the iPad and Android tablets.With such a high percentage of Internet users using mobile devices I would recommend checking your blog has pinch to zoom enabled.If not here is how you can add our meta tag.
Allow Pinch To Zoom On Your Blog
Step 1. In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Now Proceed as shown in the video Below :
Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)
Step 3. Now Copy And Paste This Code Directly Above / Before </head>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes' name='viewport'/>
That's the solution I came up with to allow Pinch to Zoom on the blog.
Drop your comments and questions below and don't forget it helps us if you share the post on your social networks.
If You Enjoyed This Post Please Take 5 Seconds To Share It.