Display of background header image is not ok on iOS / iPhone - Acme Themes

This topic has 3 replies, 2 voices, and was last updated 2 years, 11 months ago by acmesupports.

Viewing 4 posts - 1 through 4 (of 4 total)

Author
Posts
July 17, 2019 at 1:11 pm #64521
Julien THERIN
Participant
Hi support team 🙂
On iOS / iPhones, display of background header images is not ok as you can see below :
Not OK : iOS / iPhone – https://www.screencast.com/t/gq58jYT9Afl
OK : Android – https://www.screencast.com/t/cAgzWmBwbz
Url example : http://www.boursorama-parrainage.info/etapes
Do you know how I can fix this issue ? I’m not sure but I think it’s a css theme bug.
Thank you in advance for your help.
Best regards,
Julien
July 19, 2019 at 4:31 am #64707
acmesupports
Moderator
Dear Julien,
Such issues are common for the iOS devices as Safari browser still does not support background-attachment: fixed; property. But it should not appear on the Android devices.
But you can add the following code in Additional CSS for removing the blurry image from all mobile devices.
Appearance > Customize > Additional CSS
```
@media(max-width:767px){
    .inner-main-title{
       background-attachment: scroll !important;
   }
}
```
(Note: it will change in all mobile devices)
Best Regards!
July 19, 2019 at 9:33 am #64726
Julien THERIN
Participant
Hello,
Perfect, it’s much better like that (even if it’s affecting android too) 🙂
Thank you 🙂
July 20, 2019 at 6:10 pm #64886
acmesupports
Moderator
Dear Julien,
You are Most Welcome 🙂
Best Regards!
Author
Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.