Docs

[cmelnik]

Hi, I can not seem to find a clear thread that covers this… is there a way to have the section background image fixed on mobile so it acts as it does on large screen?

This would be a great help.

Thank you.

[cmelnik]

This reply has been marked as private.

[Rupok]

Hi there,

Do you want to do it for all sections that have background image? In that case you can add this under Custom > CSS in the Customizer.

.x-section.bg-image.parallax, .x-section.bg-pattern.parallax {
  background-attachment: fixed!important;
}

If you want this for any specific section only, you can use background-attachment: fixed!important; within Style field of the section.

Cheers!

[cmelnik]

Hi,
While it works great on laptop/desktop, it still doesn’t seem to apply on mobile. The section background image on mobile scrolls with the text instead of being fixed behind it and having the text move over it on scroll.

?

Thank you.

[Christian]

Sorry for the confusion. What you’d like to do is make parallax work on mobile. That is not possible. Parallax feature is disabled on mobile on purpose for performance reasons. We do not support enabling it.

Thanks.

[cmelnik]

Thank you.

[Joao]

Let us know if you need help with anything else.

Joao

[Author]

Posts