Background Image Help on iPhone/iPad

Community Forums Forums Design Tips and Tricks Background Image Help on iPhone/iPad

This topic is: not resolved

This topic contains 1 reply, has 1 voice, and was last updated by  DannyM 1 year, 6 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #12023

    DannyM
    Participant
    Post count: 17

    Hi all,

    Would really appreciate some help, I rarely use fixed background images and am struggling with this one.

    I’m using WordPress 3.5, Genesis 1.9 and associate child theme v. 1.0.1

    The website in question can be seen here

    As you can see I have a fixed background image, however when veiwing the site on iPhone/iPad the background image moves/looks different – even as you click through the navigation to different pages the background image moves around.

    Can anyone offer any advice please of how to fix this? I’m guessing some kind of viewport tag or @media query but im not so clued up on these things and woul like to learn!

    the following is the code in the.css for the background image:

    <code>#wrap {
    background-color: #fff;
    background: url(http://bristolgoodfood.co.uk/wp-content/uploads/2012/10/GoodFoodBG.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    </code>

     

    thankyou

     

    danny

    #12158

    DannyM
    Participant
    Post count: 17

    Anyone? pleeeeeease!!!!

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.