No images on homepage when using iphone

mberwing

Hi,
we are using latest version of JA Spa Template based on quickstart installation.
Unfortunately there are no images on homepage when using an iphone / smartphone device while all is fine on Computer and iPad screen.
Example: ACM module HERO ......there is no background image being displayed.

Same thing for the footer image:
https://sia-beratung.me/images/joomlart/others/bg-footer.jpg

Nothing on iphone.

Do I need to configure something on the style or is this a bug ?

Cheers
Markus

phinb

Hi @mberwing

That is not a bug because in this case, the intro images are quite large, so they are not suitable for displaying on mobile devices. Do you want to display the images as you mentioned on mobile? We will assist you with that.

Regards,

mberwing

phinb
Hi Phinb
thanks for the info.
Yes, we would like to see those images on mobile…just full picture (100%) - not fixed size so that it uses full mobile screen size.

Thanks and cheers
Markus

phinb

Hi @mberwing

I have updated the website as per your request in the ‎/templates/ja_spa/css/custom.css file.

/*JA Support*/
@media (max-width: 991px) {
  .acm-hero.style-1 {
    padding-top: 0;
    flex-direction: column-reverse;
  }
  
  .acm-hero.style-1 .hero-image {
    display: block;
    position: static;
    width: 100%
  }
  
  #t4-footer .bg-overlay-image {
    position: static;
    display: block;
    width: 100%;
    min-height: 600px;
    background-position: top 17% center;
  }
}

Kindly check.

Best regards,

mberwing

Hey Phinb,

Super…….this looks very great ´now.

Thanks so much for your fantastic and fast support.

Much appreciated.

Cheers
Markus