Enfold-App demo – grid fixed background images not showing on iPad

When you view the Enfold-App demo on iPad, the FIXED background images (1500×1000) that are used in the 2/5-3/5 grids of the mobile phones and when scrolling seemingly run into one another to change the mobile phone screen (great effect) do NOT show up when viewed in Landscape mode on iPad. Only ONE of the images shows – the one with the hand – and the others are not there or are underneath the one that shows – not sure.

I replaced these images with my own and also only one showed up and one other image as well but they showed underneath each other. Very messy. I have removed as site had to be presented to client. The issue however is viewable on your demo site if you have an iPad, so you can see what I mean.

OK – I think I have found the solution. This works for my site – it changes the background images to “scroll” for tablets – landscape positioning:

/* Landscape Tablet*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
div.flex_cell.no_margin.av_two_fifth.avia-builder-el-20.el_before_av_cell_three_fifth.avia-builder-el-first.avia-full-contain.av-hide-on-mobile,
div.flex_cell.no_margin.av_two_fifth.avia-builder-el-27.el_before_av_cell_three_fifth.avia-builder-el-first.avia-full-contain.av-hide-on-mobile,
div.flex_cell.no_margin.av_two_fifth.avia-builder-el-34.el_before_av_cell_three_fifth.avia-builder-el-first.avia-full-contain.av-hide-on-mobile {
background-attachment: scroll!important;
background-size: cover!important;
}
}