My site doesn't look right on my iPhone

[Neeznoodle]

I'm using the Mocha theme and it looks fine when I view it on my iPad, but it doesn't look right on my iPhone. The pictures are too big and half the content is cut off. How can I correct this?

http://fortheloveofharry.com/harry-potter-costume/

[Sridhar Katakam]

Can you deactivate caching/minification and let us know when done?

---

Genesis Tutorials | Follow me on Twitter

[Neeznoodle]

I have deactivated the W3 Total Cache plugin, which is what I used for caching and minification.

[Sridhar Katakam]

Adding this in style.css should help a bit.

@media only screen and (max-width: 568px) {

	#content,
	.sidebar {
		float: none;
	}
	
}

but will not solve the problem.

I think the main issue is that the content is inside a table. You may want to take a backup (of your site or content) and try putting the content in a 'div' instead.

---

Genesis Tutorials | Follow me on Twitter

[Neeznoodle]

Thank you! That worked and now it looks perfect on my iPhone.

[Author]

Posts