Jump to content


Photo
- - - - -

Make Mobile (Responsive) Zoom

zoom mobile responsive

  • Please log in to reply
12 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
  • 17653 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
  • 17653 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
  • 17653 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
  • 17653 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

  • 42 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
  • 17653 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 24 September 2014 - 09:39 AM

Your hook will want to look like this:

 

 



#12 bscherr

bscherr

    Advanced Member

  • Members

  • 42 posts
  • Country: Country Flag

Posted 23 November 2014 - 11:40 PM

Hi, I'm just coming back around to this as yet unsolved issue.  I have no idea where to put that piece of code.  The site I set up for my friend has very little customization, so I didn't use a child theme.  It's pretty much straight up DMS options, just a blog.  He is still really bothered by the lack  of pinch/zoom for his blind/low vision readers and I can't figure out where to put that code.  Can you tell me, as if I were an eight year old, where to put that piece of code that will let the blind people pinch zoom so they will leave me alone? That, or I swear I'm just going to put him on Twenty-Fourteen and wash my hands of it.   I've been at it for hours, and crashed the site once already.  Thanks! 



#13 Danny

Danny

    Is Awesome!

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

Posted 24 November 2014 - 10:54 AM

The snippet code posted above, is what is called a hook and therefore, needs to be added to the functions.php file. However, please be aware that we do not recommend nor support users who have made changes to the core files. Therefore, the best method for adding this code is to use a child theme and add that snippet of code to the child themes functions.php file.

You can find instructions on how to install a child theme on our answers portal - http://answers.pagel...l-a-child-theme







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