Docs

[DoanbeStaff]

Hi,

I’m a problem with background parallax effects on mobile devices: background images don’t scroll inside the div container and its appears like a normal static image.

I ‘ve read some service requests like , I tried using the codes CSS and scripts in the customizer , but not working .

Can you help me? thanks

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[DoanbeStaff]

This reply has been marked as private.

[Zeshan]

Hi there,

Thanks for the URL!

Parallax is disabled on mobile devices by default. However, you may try adding this CSS code under Custom > CSS in the Customizer to fix the background images:

.touchevents .x-section.parallax {
    background-attachment: fixed !important;
}

Thank you!

[DoanbeStaff]

Hello,
Thank you for your answer.
However still does not work on mobile …

[Jade]

Hi there,

Please try to use this CSS instead:

@media (max-width: 979px) {
    .x-section.parallax {
      background-attachment: fixed !important;
    }
}

Hope this helps.

[DoanbeStaff]

Hi,
no way, unfortunately still it does not work …

[Jade]

Hi again,

Would you mind providing us with the login details for your admin section so we can check on this further? Thank you.

[DoanbeStaff]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for the credentials. The code provided above works fine

.touchevents .x-section.parallax {
    background-attachment: fixed !important;
}

See the screen-cast below and notice the background behaviour before and after I place the code on Custom CSS

https://vid.me/e/hovq

Make sure you clear your browser’s cache before previewing, so the browser serve the updated page.

Hope it helps, Cheers!

[DoanbeStaff]

I’m sorry, but it still works.
I have changed devices and updated the cache, but it does not produce results :/

[Zeshan]

Hi Doan,

I’ve checked your site and it looks like you’ve disabled parallax from the images, kindly check this screencast: http://recordit.co/LZe1JtaHSs. Note that the provided code will only work when parallax is enabled in your sections.

Thank you!

[DoanbeStaff]

Yes, but also to activate parallax on images it doesn’t works on mobile devices.
Can you help us? thanks

[Zeshan]

Hi Doan,

Sorry for the confusion earlier!

Background image fixed positioning is disabled by default in mobile devices especially iOS. You may find more information on it here: http://stackoverflow.com/a/23420490/3107931

The solutions provided above will work when tested on desktop browsers but won’t work on actual mobile devices.

Thank you!

[Author]

Posts