Images are zoomed in and blurry on mobile

[alexandre_dessureault]

Hi,

I’m having problems with my wordpress site when looking on mobile. When visiting the site on a laptop or a tablet it looks fine, but when i try to see the image on my phone it looks strangely zoomed in and blurry.

Here is the desktop version : https://ibb.co/jyrBGRp
And the mobile version : https://ibb.co/rw160qm

I even tried to put a different version of the image for mobile, but to no avail.
The other image on the site works fine so I really have no idea of what’s going on.

P.S. the site is in french
Thanks for the help

[jade]

Hello Alexandre,

This issue happens usually on iOS mobile display where parallax images appear blurry.

Please try adding this code in X > Theme Options > CSS:

@media only screen and (max-width: 768px) {

    .x-bg-layer-lower-image,
    .x-bg-layer-upper-image {
        background-attachment: scroll !important;
    }
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.