Static background for mobile and tablet

How i can use a static image as background image in parallax for tablet and mobile?
Thanks

Hi,

In general there was used the static image as a background of the parallax animation in the tablet.css and the mobile.css files.

Seems that it loads the same background, this is the style applied when the resolution is small:

Code: Select all

.loaded.gkp-background-top {
    background: url("../images/parallax/background_top.jpg") no-repeat scroll center 0px transparent !important;
}


The url is www.festamolesta.it/festa2012

I have changed this file:
www.festamolesta.it/festa2012/templates ... le_top.jpg
with new background.

With web developer for firefox can I see all the resolution for: mobile portrait, mobile landscape, tablet portrait, tablet landscape and in all of these the background is the same of the standard site.

In general the mobile and tablet images are placed in the images/responsive directory - these images are used in the mobile.css and the tablet.css files.

I'm happy that in general it works but not in my case: I have put my images in /templates/gk_creative/templates/images/responsive/ changing the file "parallax_mobile_top.jpg" and it isn't loaded.

I haven't changed other thing in the structure of the template.

But no image is loaded or the old image is loaded? If the old one then it can be caused by the browser cache.