Facing issue in image rendering on mobile

Hello , I am facing issue with the images. When I check on my mobile the image get rendered . It happen in the safari browser . The image is use using the parallax effect. and my code is this
Can any one help me how I can fix the image issue in safari browser. Thanks

#parallax_1 { background-image: url("your_img.jpg"); height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

Maybe this plugin will do the parallax effect better? [NEW PLUGIN] Parallax

I don’t know if Bubble works well with Parallax effect on a mobile screen, see image:

Does it work on other browsers besides Safari?

Apparently, it can work on mobile but Safari is a pain: A word on mobile devices and parallax scrolling

Hope that helps! :blush:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

  • One-on-One Tutoring
  • eLearning Hub
  • Video Tutorials
  • No-Code Classes
1 Like

This is issue i am facing

Maybe try to center the image and get a higher quality image?

This topic was automatically closed after 70 days. New replies are no longer allowed.