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 2 replies, has 2 voices, and was last updated by  emilyhollis 1 year, 2 months ago.

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


    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( no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;








    Anyone? pleeeeeease!!!!



    I am having the same issue! I would love a solution.

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

You must be logged in to reply to this topic.