# Background image issue

**URL:** https://forum.pinegrow.com/t/background-image-issue/100
**Category:** Blocks
**Created:** [August 9, 2016, 4:06am UTC](https://forum.pinegrow.com/t/background-image-issue/100 "2016-08-09T04:06:57Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Simmo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/simmo/32/16_2.png) [@Simmo](https://forum.pinegrow.com/u/Simmo)
#### Post date: [August 9, 2016, 4:06am UTC](https://forum.pinegrow.com/t/background-image-issue/100/1 "2016-08-09T04:06:57Z")

</div>

Have set up a site using Blocks. My issue in particular is that the background image in Promo 3 scrolls when live on the server in mobile devices where as it should stay fixed. On the desktop when live it works and is fixed as expected . I have not altered the blocks.css at all but have had a look

.promo-3  
{  
background: url("…/images/star-sky.jpg") center top no-repeat;  
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover;  
background-size: cover;  
background-attachment: fixed;  
padding-left: 0;  
padding-right: 0;  
}

In PG and when tested locally it also works fine

The live site is at [http://www.rauzzy.com/coldy/master.html](http://www.rauzzy.com/coldy/master.html)

Any help would be appreciated

Simmo

---

<div class="post-metadata">

### Author: ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)
#### Post date: [August 9, 2016, 10:38pm UTC](https://forum.pinegrow.com/t/background-image-issue/100/2 "2016-08-09T22:38:49Z")

</div>

@Simmo you and your crazy ability to give incorrect urls 😉 I think this might be the correct one as the other one isn’t working [http://www.rauzzy.com/coldy/master.html](http://www.rauzzy.com/coldy/master.html) 😂

---

<div class="post-metadata">

### Author: ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)
#### Post date: [August 9, 2016, 10:40pm UTC](https://forum.pinegrow.com/t/background-image-issue/100/3 "2016-08-09T22:40:09Z")

</div>

@Simmo a cold brew for whoever solves this one… a step up from @schpengle chocolate idea!

---

<div class="post-metadata">

### Author: ![Simmo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/simmo/32/16_2.png) [@Simmo](https://forum.pinegrow.com/u/Simmo)
#### Post date: [August 9, 2016, 11:15pm UTC](https://forum.pinegrow.com/t/background-image-issue/100/4 "2016-08-09T23:15:04Z")

</div>

Mind caught up in code - sorry @Rob and yes a coldy or two for sure:grinning:

---

<div class="post-metadata">

### Author: ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [August 10, 2016, 2:57pm UTC](https://forum.pinegrow.com/t/background-image-issue/100/5 "2016-08-10T14:57:24Z")

</div>

well, apart from the obvious lack of chocolate, I also noticed  
"Coldy Colder Products"

after the rather fab \*G’Day!"

which should probably be  
"Coldy Holder Products"

yep! Eagle Eyes I am!

and, since I’m being a Grammar Nazi, how about,  
sticking in a comma or full stop or something on the headline?  
like so… oh, and followed by a full stop 😉

Coldy Holder Products, Manufacturers of Australian Made Stubby Holders and other Neoprene Products.

and in the colour section,  
enormous not enourmous …unless you have weird spelling like AmeRikuns.

But lovely site!  
🙂 Your so clever and Arty!

Oh! did you actually sort your mobile scrolling thing out, btw?

---

<div class="post-metadata">

### Author: ![Simmo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/simmo/32/16_2.png) [@Simmo](https://forum.pinegrow.com/u/Simmo)
#### Post date: [August 10, 2016, 10:13pm UTC](https://forum.pinegrow.com/t/background-image-issue/100/6 "2016-08-10T22:13:51Z")

</div>

No Chocolate for you for that post professor @schpengle

Mobile scrolling - hmm it looks like @housler over in slack has a media query that will do the trick. Will check it out later and try it but looking at what he has sent me it looks good.

---

<div class="post-metadata">

### Author: ![Simmo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/simmo/32/16_2.png) [@Simmo](https://forum.pinegrow.com/u/Simmo)
#### Post date: [August 11, 2016, 8:09am UTC](https://forum.pinegrow.com/t/background-image-issue/100/7 "2016-08-11T08:09:50Z")

</div>

A solution found and provided by @housler - done by adding a seperate media query - the finished page is now live at [http://www.pabloscaloundra.com.au/master.html](http://www.pabloscaloundra.com.au/master.html) so you can see the result. Now once the client approves I can finish the rest of the site. A big thanks
