WordPress.org

Support

Support » Themes and Templates » [Resolved] pinch to zoom

[Resolved] pinch to zoom

  • Hi,

    I am new to WordPress and attitude theme. I created by a website by using Attitude theme, it works great but have 2 minor issues.
    (1) Pinch to zoom on iphone does not seem to work
    (2) how to make the page font bigger.

    Thanks in advance
    htc123

Viewing 6 replies - 1 through 6 (of 6 total)
  • Anyone else having the same problem? I looked around on the Support but could not find any post about Pinch to Zoom.
    The link is http://www.sykkacc.com. Try to open it on iPhone and pinch the text.

    How to make Pinch to Zoom work on mobile device please?

    Thanks

    You’re unable to zoom in on mobile as a maximum-scale has been set on the theme’s viewport meta tag:

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    You could get around this by firstly creating a child theme: http://codex.wordpress.org/Child_Themes. Create a header.php file for your child theme, then copy and paste the contents from the parent theme’s header.php into it.

    In your child theme’s header.php file, find the following lines:

    /**
    		 * attitude_meta hook
    		 */
    		do_action( 'attitude_meta' );

    Delete them and replace with the following:

    ?>
    	<meta name="viewport" content="width=device-width, initial-scale=1">
    
    <?php

    Fingers crossed this works for you. Let me know.

    Hi Siobhan,
    Thanks for your response. I followed your direction and created a child theme and created a header.php and replace the ‘attitude_meta’ with what you have described above but nothing seems to change.

    I must be missing something.
    Any ideas?
    Thanks in advance

    Hey. Big apologies, I’ve just realised I gave you the wrong location to input the new line. The function you actually need to replace is ‘attitude_title.’

    The new code in your <head> section should look as follows:

    <head>
    
    	<?php
    		/**
    		 * attitude_title hook
    		 *
    		 * HOOKED_FUNCTION_NAME PRIORITY
    		 *
    		 * attitude_add_meta 5
    		 * attitude_show_title 10
    		 *
    		 * do_action( 'attitude_title' );
    		 */
    	?>
    		<meta name="viewport" content="width=device-width, initial-scale=1">
    		<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
    	<?php
    		/**
    		 * attitude_meta hook
    		*/
    
    		do_action( 'attitude_meta' ); 
    
    		/**
    		 * attitude_links hook
    		 *
    		 * HOOKED_FUNCTION_NAME PRIORITY
    		 *
    		 * attitude_add_links 10
    		 * attitude_favicon 15
    		 * attitude_webpageicon 20
    		 *
    		 */
    		do_action( 'attitude_links' );
    
    		/**
    		 * This hook is important for wordpress plugins and other many things
    		 */
    		wp_head();
    	?>
    
    </head>

    Again, apologies for my initial mistake!

    Hi Siobhan,

    Never mind. Appreciated your quick response. Awesome! Works like a charm.

    Many Thanks.
    htc123

    P.S. It would be great if we can add this feature to the next release of Attitude theme.

    Glad it worked. 🙂 You can always leave your feedback and suggestions for the Theme Developer in the reviews section of this theme: http://wordpress.org/support/view/theme-reviews/attitude.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] pinch to zoom’ is closed to new replies.