Parallax 3d effect is not working on a Mobile device

Shapely
1

Hi, The Parallax 3d effect is not working on a Mobile device.
The image position is set to background small.
When you scroll on a mobile device the whole image scrolls with.
The image does not move as to create the 3d parallax effect.
Thank you.

2

Hi @WillV

I need a website url to check this problem for you.

Regards,

1 Like
3

I DM the url, did you get it?

4

Hi @WillV

Nope, can you please send it again?

Regards,

6

I send it again.
Did you receive it?

7

Hi there,

Yes, and I replied back.

Regards,

8

I did not get the reply.
Can you send it again please?
Thank you.

9

Hi,

WHich one is the third parallax? Iā€™m not certain is it a parallax or still section with bg image, please share the screenshot of the issue.

Regards,

10

I did not get the reply.
Can you send it again please?
Thank you.

11

Hi, I had the same problem only on iOS. But Android has no problem. And the shapely demo page have the same problem. I put this CSS and it works good for iOS. I hope it works good for your page.

/* CSS for iOS */
@supports (-webkit-overflow-scrolling: touch) {
  body {
    background: none;
  }
  body:before {
    background-image: url("/your background image.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    z-index: -1;
  }
}
1 Like