Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Apr 2012
    Posts
    77
    Thanks
    0
    Thanked 0 Times in 0 Posts

    website white space on mobiles

    Hi

    I am having some trouble with my website on iphones and my android phone

    I seem to have a massive white space on the right of my website

    The container etc seems to stop but get a big white space on the right

    Any ideas please help, been trying to figure it out for a while now lol

    The website is www.irhwebsites.com

    Kind regards

    Ian

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    3,772
    Thanks
    23
    Thanked 550 Times in 549 Posts
    I don't know about the rest of the page but this is what you have done to the header image.

    This is the HTML
    Code:
    <div class="container">
    <div id="slideshow_container">
    <ul>
    <li><img class="banner" src="images/irhwebsitesbanner.jpg" alt="Irh Websites - web design/development Basildon, Essex " title="Irh Websites - web design/development Basildon, Essex"></li>
    </ul>
    </div> <!-- END #slideshow_container -->
    Looks like a slide show was removed from the code.

    Your styling has this
    @media screen and (max-device-width: 480px) {
    For displaying on phones.
    Here's the styling that the header then uses:
    Code:
    .container, #latest_works, #bottom_content, #header, #download {
    width: 445px;
    margin: 0px auto;
    }
    #slideshow_container {
    width: 300px;
    }
    .banner {
    width: 300px;
    }
    I removed the ul/li in the HTML and one div. Look at the inline styling to get what you want appox.
    Code:
    <div class="container" style="width: 300px;	margin: 0 auto;">
    <img class="banner" src="images/irhwebsitesbanner.jpg" alt="Irh Websites - web design/development Basildon, Essex " title="Irh Websites - web design/development Basildon, Essex">
    </div>
    Evolution - The non-random survival of random variants.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •