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)
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]]
Elliott Richmond answers:
Looks like your div is too wide, please see http://www.elementfusion.com/tutorial-optimizing-your-website-for-mobile-devices
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
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
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]]