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

Best Premium and Free WordPress Themes Forums Construction Field Pro Display of background header image is not ok on iOS / iPhone

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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

    #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!

    #64726
    Julien THERIN
    Participant

    Hello,

    Perfect, it’s much better like that (even if it’s affecting android too) 🙂

    Thank you 🙂

    #64886
    acmesupports
    Moderator

    Dear Julien,
    You are Most Welcome 🙂

    Best Regards!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.