Jump to content


Photo
- - - - -

Make Mobile (Responsive) Zoom

zoom mobile responsive

  • Please log in to reply
10 replies to this topic

#1 Toby

Toby

    Advanced Member

  • Members
  • PipPipPip
  • 65 posts
  • Framework Version:1.0.1
  • Country: Country Flag

Posted 30 September 2013 - 03:19 AM

Hi, I would like to know if it is possible to add zoom functionality to the mobile responsive layout, when viewing on mobiles.



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17124 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 September 2013 - 10:30 AM

Hi,

 

PageLines DMS has been designed so that your site is responsive and therefore, removes the need to pinch/zoom ?

 

If you want to add pinch/zoom for whatever reason, you will need to add the following:

 

<meta name="apple-mobile-web-app-capable" content="yes">



#3 Toby

Toby

    Advanced Member

  • Members
  • PipPipPip
  • 65 posts
  • Framework Version:1.0.1
  • Country: Country Flag

Posted 30 September 2013 - 10:52 AM

Client wants the ability, I have tried to explain that it is not needed.

Would i place this in the header?



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17124 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 September 2013 - 10:59 AM

yeah, you will probably want to use a hook, don't edit the header file directly, as this is editing core code and will void support, as well as be removed via updates.

 

You could probably try this plugin to add the code, but I haven't tested the plugin - http://wordpress.org.../add-meta-tags/



#5 Toby

Toby

    Advanced Member

  • Members
  • PipPipPip
  • 65 posts
  • Framework Version:1.0.1
  • Country: Country Flag

Posted 30 September 2013 - 11:21 AM

I added the META Tag but it does seem to have worked.

This is what the plugin page looks like:

http://postimg.org/image/niqkdau8x/



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 17124 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 September 2013 - 12:13 PM

That image isn't showing anything and also what do you mean plugin page is showing ?



#7 Toby

Toby

    Advanced Member

  • Members
  • PipPipPip
  • 65 posts
  • Framework Version:1.0.1
  • Country: Country Flag

Posted 30 September 2013 - 01:19 PM

I'm sorry I meant Doesn't seem to have worked.
The image shows the settings page for the plugin you linked after I added the meta info.

#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 17124 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 01 October 2013 - 09:32 AM

I haven't tested the plugin, if the plugin doesn't work, then you will need to use a hook, see here for more info - http://codex.wordpre...ference/wp_head



#9 Toby

Toby

    Advanced Member

  • Members
  • PipPipPip
  • 65 posts
  • Framework Version:1.0.1
  • Country: Country Flag

Posted 01 October 2013 - 12:16 PM

Ok, I'll give it a go. Thanks



#10 bscherr

bscherr

    Advanced Member

  • Members

  • 37 posts
  • Country: Country Flag

Posted 23 September 2014 - 02:14 PM

Hi, I am searching the forum for a solution for a customer who really  needs his site to zoom (he has a lot of low vision readers of his blog).  I have no idea how to use a hook to put the code in that you mention above: <meta name="apple-mobile-web-app-capable" content="yes"> I have read the link at the codex, and still have NO idea how to use a hook.  Is there somewhere I can get a step by step tutorial on how, and where, to use a hook to do enable the pinch zooming on a tablet?  

 

Let me know if I should start another topic? 



#11 Danny

Danny

    Is Awesome!

  • Moderators
  • 17124 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 24 September 2014 - 09:39 AM

Your hook will want to look like this:

 

 







Also tagged with one or more of these keywords: zoom, mobile, responsive