Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

site not centered WordPress

Hi there,

I must have messed up something with the CSS as when i'm looking at my site thru an iPhone it is not centered and is cut to the left...
http://doronbaron.co.il/

Any ideas how to change this?

Answers (5)

2011-07-20

Clifford P answers:

Does this help?
[[LINK href="http://stackoverflow.com/questions/4619385/website-not-centering-correctly-in-horizontal-iphone-orientation"]]http://stackoverflow.com/questions/4619385/website-not-centering-correctly-in-horizontal-iphone-orientation[[/LINK]]

2011-07-20

Elliott Richmond answers:

Looks like your div is too wide, please see http://www.elementfusion.com/tutorial-optimizing-your-website-for-mobile-devices

2011-07-20

Jatin Soni answers:

Its looking at the center in portrait view however its getting cut off in landscape view.. May be you need to check your width


Jatin Soni comments:

Your main div is too wide about 1020px try to lower the value..

you can find this value at line #73 in your stylesheet location is
http://doronbaron.co.il/wp-content/themes/liquorice/style.css

2011-07-20

Sébastien | French WordpressDesigner answers:

in your header
replace
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" lang="he-IL"
by
<html xmlns="http://www.w3.org/1999/xhtml" lang="he-IL"

ps: the problem is absolutely not the width of the container

2011-07-20

Mila Frerichs answers:

the width of the container is too big. (1024 as Jatin pointed correctly)

there are different ways to deal with it. you can use js to reduce the width, or you can use the viewport meta tag:
<meta name="viewport" content = "width = device-width, user-scalable = no" />
Here the Apple Documentation for more information:
[[LINK href="http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html"]]Apple Doc[[/LINK]]