Website on iPhone

On the iphone the page background image can only be seen on the right side of the main table. How can I change this so you can see the background image on both the right and left sides?

Paul RiskoAsked:
Who is Participating?
Kyle HamiltonData ScientistCommented:
layout.css line 1407

padding: 15px 10px 15px 20px;
text-align: right;
margin: 0 auto;
display: block;
width: 900px;
overflow: hidden;

Kyle HamiltonData ScientistCommented:
The site was not designed for iPhone. So iPhone automatically scales it to fit its screen however it sees fit.

If you want to have greater control of how it looks on mobile, you need to write some mobile specific styles and use media queries.

In the meantime, I noticed that increasing the width of #all to 1070px, helps, but it will affect your desktop view, I didn't check.

But honestly, since the site is a desktop site and in no other way optimized for mobile, I wouldn't concern myself with that little bit of background peeping through on the right.
Paul RiskoAuthor Commented:
Ok. So I decided to make the main content smaller (900px). If you can help me find how I change the footer width I will award you the point. Thanks.
Paul RiskoAuthor Commented:
Thanks again!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.