Force iPhone to see Mobile view
-
Hi everyone
I am having an issue where iPhones (11/12/13) seem to be defaulting to the ‘tablet’ view when viewing our website. This is quite frustrating as the layout looks fine when viewed as both a ‘Mobile’ or ‘Tablet’ in WordPress, however on an iPhone screen it appears squished, images are cropped and columns in the wesbite footer are all out of alignment.
Android mobile devices don’t seem to have this issue and are viewing the website correctly in mobile view.
I believe it is most likely an issue with the pixel count/screen width of a retina screen being higher than the default max-width set for mobile view in the theme (although I might be wrong…unfortunately my knowledge of web design coding is fairly rudimentary).
Is there some custom CSS available I can use either to increase the max-width for the media type ‘mobile’ so that an iPhone will fall within the parameters of ‘mobile’ and no longer view the site as a tablet, or is there code available that will force iPhones to view as ‘mobile’?
This is quite important as according to our analytics, roughly 60-70% of our web traffic is coming from iPhones, which means a large portion of visitors/customers are not viewing the website correctly.
Thanks for any help or suggestions.
The blog I need help with is: (visible only to logged in users)
-
-
Hi there,
This is something controlled by your theme, so you need to ask over at your theme’s official support forum:
https://wordpress.org/support/theme/ecommerce-gem/
If you need help with your WordPress installation, then you can post in these forums:
https://wordpress.org/support/forums/
Please note that the forum you have posted is for the WordPress.com hosting platform which is different than the WordPress software that your site is using. You can learn more about these differences here:
- The topic ‘Force iPhone to see Mobile view’ is closed to new replies.
WordPress.com Forums 