WordPress.org

Ready to get started?Download WordPress

Forums

Attitude
[resolved] pinch to zoom (7 posts)

  1. htc123
    Member
    Posted 1 year ago #

    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

  2. htc123
    Member
    Posted 1 year ago #

    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

  3. 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.

  4. htc123
    Member
    Posted 1 year ago #

    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

  5. 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!

  6. htc123
    Member
    Posted 1 year ago #

    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.

  7. 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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic