Parallax Effect Not Working on mobile

Shapely
1

Hey!
I have installed the shapely theme. It’s pretty awesome! Except that the parallax effects works perfectly fine on my laptop, but it doesn’t work at all on my smartphone. I have tried to use a few CSS codes that I could gather from this support forum, but I don’t know if they are correct, and of course they didn’t work. My website is https://lexpartners.in/

Help please! Thanks in advance :slight_smile:

2

Hey there

We have the same, this effect is working on desktop devices, not on mobile :slight_smile:

3

is there no way to make it work on mobile devices?

4

Hey there

Well, yes, but it will require customization, we have the same on our demo website
As an alternative you can use this code:

@media (max-width: 991px){
div#shapely_home_parallax-2 {
background-image: url(https://lexpartners.in/wp-content/uploads/2020/08/Adobe_Post_20200823_1224560.09238149685559405.png);
background-size: cover;
background-attachment: fixed;
}
}

5

Thanks for responding!
I used the code in additional CSS, but that didn’t help. It still doesn’t work on my phone. Used Chrome and Edge.

6

Hey there

Please clear cache and check again, I can clearly see code is working just fine :slight_smile:

7

Hello!

Checked on 3 different devices bro, both Chrome and Edge, cleared caches and checked as well. Still not working. :frowning:

8

Let’s modify it a little bit:

@media (max-width: 991px){

div#shapely_home_parallax-2 {
background-image: url(https://lexpartners.in/wp-content/uploads/2020/08/Adobe_Post_20200823_1224560.09238149685559405.png);
background-size: cover;
background-attachment: fixed;
background-position: center center;
}
}