Background image issue

Blocks
1

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

Any help would be appreciated

Simmo

1 Like
2

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

3

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

4

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

5

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 :wink:

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!
:slight_smile: Your so clever and Arty!

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

6

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.

7

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 so you can see the result. Now once the client approves I can finish the rest of the site. A big thanks