Theme zooms in by default

8 posts from 5 voices

• Started 8 months ago by apweldon
• Latest reply from Nick
• This topic is resolved

Tags:

No tags yet.

1. 

   apweldon
   Member

   Prior to updating to the new abundance theme when I would visit my website on my iphone the view was normal. Now when I visit the website on my iphone the site zooms in automatically. If I zoom out them click a new link the page resets to the close up zoom after reloading.

   Anyway to have the default view to be zoomed out?

   http://www.vapebig.com

   Posted 8 months ago #
2. 

   apweldon
   Member

   Does anyone else have this problem? Seems like a simple fix. Any help...

   Posted 8 months ago #
3. 

   Ismael
   Moderator

   Hi,

   Open header.php and find this code

   if ( is_singular() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); }
   
   	echo '<meta name="viewport" content="width=device-width, initial-scale=1">';

   Replace it with

   echo '<meta name="viewport" content="width=device-width, initial-scale=1">';

   Regards,
   Ismael

   Posted 8 months ago #
4. 

   apweldon
   Member

   Sorry but that didnt seem to help. I replaced the code with above, cleared history and cookies cache etc..

   Still zoomed in

   Posted 8 months ago #
5. 

   Mya
   

   Hi apweldon,

   I'm at a lost as to what else to try so I'm going to tag the rest of the team to see if they have any ideas.

   Regards,
   Mya

   Posted 8 months ago #
6. 

   Devin
   Moderator

   Hi apweldon,

   As far as I know that is the only thing that would cause that kind of issue in the theme's code. When viewing the page now I don't get that issue and I see the initial-scale set to 1 in the source code so what is happening on your end shouldn't be.

   Can you try disabling any other plugins you have running outside of WooCommerce and see if that helps?

   Regards,

   Devin

   Posted 8 months ago #
7. 

   Nick
   Moderator

   Hi,

   1) I don't have an iphone, but found this to be an issue (if i understood correctly) that will be resolved in ios6, but for now what is recommended is to change the code that Ismael provided to:
   

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

   Reference: https://github.com/h5bp/html5-boilerplate/issues/1099

   ------------------

   2) You could also try the code found here, which has more to do with correcting the orientation bug in iPhone, and heavily touches upon the zoom functionality: Just add it to the end of /js/avia.js file :
   https://github.com/scottjehl/iOS-Orientationchange-Fix/blob/master/ios-orientationchange-fix.js

   3) On an unrelated issue, you are loading you Analytics tracker twice, one with custom tracking, and one without. You may want to check WooCommerce plugin and Yoast to make sure only one of the two is used for Google Analytics.

   Thanks,

   Nick

   Posted 8 months ago #
8. 

   Nick
   Moderator

   I want to add to the above, that after having a friend with an iPad look at the issue, that the bug in current version of iOs that is triggered by change from landscape view to portrait view, whereby the landscape view remains even though the iphone/ipad orientation was changed to portrait, causes the unwanted zoom.

   There is a plugin , I just found that makes the change for you, Since its not located in the wordpress repository, I zipped it and placed it elsewhere after thoroughly checking the code (http://www.mediafire.com/?3s0upi7moj7bcyd). You can just install it as you would a normal Wordpress plugin from your desktop. The original resides here, created by Ben Wong: (http://benwong.me/ios-orientation-change-bug-workaround-wordpress-plugin/).

   Thanks,

   Nick

   Posted 8 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.