Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 474
  • Last Modified:

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?

http://www.highlandcountyeng.org/

Thanks.
0
Paul Risko
Asked:
Paul Risko
  • 2
  • 2
1 Solution
 
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.
0
 
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.
0
 
Kyle HamiltonData ScientistCommented:
layout.css line 1407

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

cheers
0
 
Paul RiskoAuthor Commented:
Thanks again!
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now