Website on iPhone

Posted on 2012-08-31
Last Modified: 2012-08-31
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?

Question by:PaulRisko
    LVL 25

    Expert Comment

    by:Kyle Hamilton
    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.
    LVL 2

    Author Comment

    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.
    LVL 25

    Accepted Solution

    layout.css line 1407

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

    LVL 2

    Author Closing Comment

    Thanks again!

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Suggested Solutions

    "I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
    Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
    In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
    In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now