- This topic has 2 replies, 2 voices, and was last updated 7 years, 10 months ago by
.
-
Posts
-
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
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.