Hide Background image for certain resolutions

[Yakje]

I have a little problem with the background image on my website.

It seems to crash some old iOS tablet devices, so thats why i don't want my background image to load on devices with a resolution of 1366 and less. How will i be able to achieve this?

 

Prestashop version 1.6.1.0, link to the site:

https://goo.gl/86Sn3x

 

Username: smile

Password: testtest

 

This is currently what my global.css body looks like:

 

Global.css

body {
  min-width: 320px;
  height: 100%;
  line-height: 18px;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #242424;
  background-repeat: no-repeat;
  background-position:top center; 
  background-image: url("https://imkershop.nl/themes/theme982/img/background-test.jpg") }

Edited October 30, 2015 by Yakje (see edit history)

[tuk66]

@media (min-width: 1367px) {
  background-repeat: no-repeat;
  background-position:top center; 
  background-image: url("https://imkershop.nl/themes/theme982/img/background-test.jpg")
}

and remove all three background styles from the body style.

[Yakje]

Thanks for the quick reply!

i changed my css to the above, as you mentioned: 

body {
  min-width: 320px;
  height: 100%;
  line-height: 18px;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #242424;
}
  
 @media (min-width: 1367px) {
  background-repeat: no-repeat;
  background-position:top center; 
  background-image: url("https://imkershop.nl/themes/theme982/img/background-test.jpg")
} 

But whenever i visit my site, it now does not show the bg anymore at all.

Edited October 30, 2015 by Yakje (see edit history)

[Yakje]

Does anyone know what could be causing this?

[razaro]

body {
  min-width: 320px;
  height: 100%;
  line-height: 18px;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #242424;
}
  
 @media (min-width: 1367px) {
body {
  background-repeat: no-repeat;
  background-position:top center; 
  background-image: url("https://imkershop.nl/themes/theme982/img/background-test.jpg")
} 
}

so you need body inside @media