Fixed image on mobile

[marchsixpower]

Hi,

The image isnt reducing on mobile. It looks fine when you reduce the screen in chrome. Any suggestions?

Thanks.

[thai]

Hi There,

I’ve checked your website on my iPhone and the image is reducing(the height):

Could you please send us with your screenshots and tell us which devices you’re using?

Thank you.

[marchsixpower]

Hi,

the middle picture. If you scroll down. Its happening in the two links i had sent.

Iphone 7 and X

Chrome:

Thanks.

[thai]

Hi There,

That’s the parallax background image, it’s disabled on mobiles for performance reasons.

You need custom code to make it work on the mobile device. You may try adding the following CSS to your Theme Options -> CSS area.

@media (max-width:979px){
     .x-section.bg-image.parallax, .x-section.bg-pattern.parallax {
         background-attachment: fixed !important;
         background-position: center center !important;
     }
}

We aren’t sure if the code will work 100%, but you can try it. For specific issues, read the following (https://stackoverflow.com/questions/23236158/how-to-replicate-background-attachment-fixed-on-ios)

Thanks for understanding!