pinch to zoom

  • Resolved htc123

    (@htc123)


    11 years, 3 months 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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter htc123

    (@htc123)

    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 https://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: https://codex.www.ads-software.com/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.

    Thread Starter htc123

    (@htc123)

    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!

    Thread Starter htc123

    (@htc123)

    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: https://www.ads-software.com/support/view/theme-reviews/attitude.

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