Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Pixelated image in sections

Featured Lock Resolved Issue
can you look at my website on a mobile device? the background images of my sections look pixelated. Can you give me a solution? My site is ocarme.gal

7 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Would you please mark the exact location where you are facing the issue? You can share any screenshot and that would help to solve your issue easily.

-Best Regards

Diego

More than a month ago #Permalink
here are the screenshots

Attachments (2)

  • IMG_1333.jpg
    IMG_1333.jpg 172.6 KB
  • IMG_1334.jpg
    IMG_1334.jpg 180.5 KB

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. I found all is working fine in my end. Please check this screenshot http://prntscr.com/mkwxrf

Diego

More than a month ago #Permalink
I am testing the web on an iPhone X and another iphone 6S Plus and both show pixelated background images. I've tried it in Safary and Google Chrome. I guess it just looks bad on Iphone terminals with IOS operating system. Would it be possible for you to try the web on iphone? Thank you

Sifat - Staff

More than a month ago #Permalink
I think the parallax is causing the issue. Since iphone has some issues with parallax effect. You can check this by just disabling the parallax option from those sections.

Please let me know your test result.

-Thanks

Diego

More than a month ago #Permalink
The problem was that the background images were in "Fixed" mode and on the iphone they looked pixelated. Do you have an update planned to fix this issue?

Sifat - Staff

More than a month ago #Permalink
Actually that isn't a problem of our end. It's a problem of ios devices. Btw you can use this css into your custom css and please let me know if that solves the issue.

@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
.sp-page-builder .page-content #section-id-1511613808 {
background-attachment: unset;
}
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
.sp-page-builder .page-content #section-id-1511613808 {
background-attachment: unset;
}
}


-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 128
Sifat

Sifat

Total Accepted Answers: 81
Toufiq

Toufiq

Total Accepted Answers: 66
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5

114

Templates

293400

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us