Docs

[ZJO]

Hello,

I have just installed the X theme to my website http://www.malberger.se. It looks very good on my computer and iPad, however, on smaller devices, the background image on the start page looks just fine, but on the other page, the background is all blurry and pixelated. Why? The settings are exactly the same for the two pages.

I have all the latest versions of WordPress, X and Cornerstone.

Thanks in advance.

[Jade]

Hi there,

The second page doesn’t seem to need the background to be set as a parallax background since the content area is not too large. Kindly try to disable the parallax effect then check again on mobile.

Let us know how it goes.

[ZJO]

It doesn’t work…

[Nabeel A]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (max-width: 480px){
.x-section.bg-image.parallax, .x-section.bg-pattern.parallax {
    background-attachment: fixed !important;
}
}

Let us know how this goes!

[ZJO]

Thank you. Unfortunately, it still doesn’t work.

[Rupok]

Hi there,

Your section is very long in height (in mobile, it’s more long) so to cover the area the image must be pixelated and there is no way to prevent this.

Thanks!

[Author]

Posts