responsive template always on

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Sep 25, 2012 8:34 am
Reply with quote
Report this post
Hi,

is it me or some template seem to have a bug causing the site to view desktop size browser window as a small screen.

when viewing on Mac (OSX 10.7.5) with Safari 5 and 6, and chrome 21.0.1180.89, templates Fashion and Free Music are displayed as if i was on a smart phone, but still filling up the screen.

See attached screenshot as reference.

It does not happen with the latest Firefox version.
User avatar
Fresh Boarder

GK User
Tue Sep 25, 2012 8:54 am
Reply with quote
Report this post
What is your screen resolution ? Template is updated to latest available version ? The same view you have on our demo - demo.gavick.com ?

I've checked template on Safari 6.0.1 and OS X 10.8.2 and everything is working fine. Maybe you can provide URL to your site ?
User avatar
Platinum Boarder

GK User
Tue Sep 25, 2012 12:41 pm
Reply with quote
Report this post
Thanks for your quick reply.

Actually i don't have a URL as i was just checking the demo to see which one i would use for a project.
I'm on a MacBook Pro retina display.

But i figured out the problem. Here a good tip as you might eventually hear more that very same question as these laptop and other brands' laptop, who are and will probably follow these foot steps, are becoming more popular.

It's the MacBook Pro Retina display's resolution who is at fault. From what i see and read, by default the resolution of the retina display is 2880 x 1800 and only a few application are yet supporting it. Apple's application are of course, Chrome is as well but not Firefox. Which would explain why i do not see the problem with Firefox. Apple does it by packing double the amount of pixels.

But Apple has included an option to start an application in "low resolution" by doing a right-click "Info" on an application and check the "Start in low resolution" option. That has the effect to start the application with a resolution of 1440 x 900 (indeed it's (2880 x 1800)/2 !). But produces a bit blurry text and unsharp images.
Which is therefore why the site was displaying correctly when i restarted safari in "low resolution" mode. But displayed incorrectly as soon as i restarted safari as default.

So although it's the macbook pro retina display who's at fault, it might be good to look into it. For fact i can say that i've used and tested other templates based on different frameworks (warp, Gantry, Zengrid) and none of them has this issue with high resolutions such as 2880 x 1800. Which mean that a refinement of the resolution detection logic is possible to avoid the problem. But i'm a very experienced dev.

I hope that will help others.
User avatar
Fresh Boarder

GK User
Sun Sep 30, 2012 7:52 pm
Reply with quote
Report this post
The issue is resolved but the demo template is not updated. We will update template on our demo site, after installation you will not see this problems.
User avatar
Platinum Boarder


cron