Joomla Templates Club 406,261 posts

[angeldust Friend angeldustJoin date: January 2013Posts: 5Downloads:0Uploads:1]

#190833

We turned off mobile responsive option in the template, but after doing this on mobile devices the website loads a zoomed in version of the website. we cannot find the code that is over riding the standard view for desktop. Tested in varios other desktop screen resolutions the site works just fine. tablet or mobile phone causes issue with the disply.

Could you assist in identifiy the issue here.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#506823

Hi anelgust,

You can try to open templatesja_hawkstoretplsblockshead.php file and replace line:

<meta name="viewport" content="width=device-width, initial-scale=1.0<?php echo $this->getParam('responsive', 1) ? ', maximum-scale=1.0, user-scalable=no' : '' ?>"/>

with

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

[angeldust Friend angeldustJoin date: January 2013Posts: 5Downloads:0Uploads:1]

#507043

Attached is a image i snapped on my phone this is how the website is loading after doing your changes, no change to the layout .

Could i have updated the wrong file ?

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#507094

Hi angeldust,

It seems that i misunderstood your issue above. My given codes above are used to enable the zoom function of the template on iOS and handheld devices only. It won’t solve the mobile/table layout with responsive off. Back to your concern, when you turn off the responsive option, the template will display the same layout (desktop) on all device resolutions (desktop, mobile, tablet). That is why you see the website look not good on mobile and tablet. It is normal.

In this case, i suggest you to turn on Responsive again. Then you can go to Template Manager >> Layout >> Response Layout, you can select the positions to display on mobile/tablet layout.

[Author]

Posts