[ConnectingPerformanceParticipant]

Dear colleagues,

I love X-theme and was interested in the update. I therefore installed the update 4.0, activated cornerstone and de-activated X-shortcodes.

I don’t have the time to learn cornerstone right now, so I wanted to continue with my website as I recently built.

I have one parallax effect (within visual composer – content band settings), which still works well on my desktop. But suddenly the image completely blurry on my smartphone. This was not the intention and worked well before (shown as a static image on a smartphone).

What can I do to resolve this.
Website is: connectingperformance.nl

Many thanks in advance for your support!

Best regards,
Michael

[ConnectingPerformanceParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for writing in.

Do you wish to use static images for parallax on mobile? If yes, then please add this css at Admin > Appearance > Customizer > Custom > CSS.

@media (max-width: 979px) {
.touch .x-content-band.bg-image.parallax, .touch  .x-content-band.bg-pattern.parallax {
background-attachment: initial !important;
}
}

Cheers!

[ConnectingPerformanceParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Parallax is disabled on mobile even on older version. So you should see normal image on mobile devices.

Unless you have customized templates or coding to enable parallax on mobile.

What’s your ipad resolution? Please try this,

@media (max-width: 1024px) {
.touch .x-content-band.bg-image.parallax, .touch  .x-content-band.bg-pattern.parallax {
background-attachment: initial !important;
}
}

Or change 1024px equivalent to your ipad resolution.

Thanks!

[ConnectingPerformanceParticipant]

Many thanks for your reply.

And you are right, Parallax is disabled on mobile and tablet devices. Until Theme 4.0, the image was indeed shown on my iPhone and iPad. Just as you described it. And that was as intended.
After the upgrade to Theme 4.0, this was no longer the case. That’s why I posted my question.
I didn’t use any special coding or customization before.

Your solution already worked on my iPhone and with a higher width (iPad air 2), it now also works on my iPad. So many thanks for this.

Although I am still surprised that it didn’t function properly within the X-theme (as before), I am happy that with this separate css code everything works again.

Have a great weekend!
Michael

[Rue NelModerator]

Hey There,

You are most welcome!
We are glad we were able to help you out.

If there’s anything else, we can help you with, please let us know.

Have a great day.

[Jackito777Participant]

This reply has been marked as private.

[JackKeymaster]

Hi there @jackito777,

Thanks for writing in!

Could you start a new thread please? As if we need to make a private reply, only the original poster can see our private replies, please include a link back to this one in your new ticket.

Thanks for your understanding. 🙂

[Author]

Posts