[Pro] Site aligning differently in Safari and mobile devices

Freeway
1

Hi.

I constructed the website in the enclosed link and I´m having real trouble understanding why the site aligns at the center in Safari (this is how I want it) but it aligns completely to the left when I view it on an iPad or an iPhone. The settings are fixed to Centered.

Any ideas on a solution where I can view the site centered on any device and why this is happening?

Thank you in advance.

Sebastian
Tegucigalpa, Honduras

http://shareimagination.com/AGROMERCADOS%202014%20-%20TEST/

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Any ideas on a solution where I can view the site centered on any device and why this is happening?

This is mainly caused by “side scrolling” happens by overlapping items to the right (which is making your page physically wider than 960px).

Possibility 1 (the fiddling):

Re-adjust the items marked in above shared image. so they don’t overlap anymore.

Possibility 2 (the workaround):

Play with the iPhone settings in inspectors third tab (mobile) and try to load the page as a “smaller but fitting” version of your page (not sure if possible).

Possibility 3 (the hard’n heavy):

Review your entire strategy and start learning to place items inflow (relative or box-in-box) rather than just drop and drag them.

Cheers

Thomas

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options