Parallax Mobile - How do they do it?

[lancebarton]

Squarespace sites have amazing parallax on iPads:

https://www.lalabu.com/our-story/

Pretty beautiful. Can we not do that with X?

[mldarshana]

Hi There @lancebarton

Thanks for writing in! Parallax functionality is disabled on mobiles for performance reasons. You need custom code to make it work on the mobile device. Which is beyond our theme support scope.

You may try adding the following CSS to your X -> Theme Options -> CSS area.

@media (max-width:979px){

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

We aren’t sure if the code will work 100%, but you can try it. For specific issues, read the following (https://stackoverflow.com/questions/23236158/how-to-replicate-background-attachment-fixed-on-ios)

Thanks for understanding!

[lancebarton]

Bummer! It is implemented so beautifully on Squarespace, I mean beautiful. I wonder how they do it.

[nico]

Hi @lancebarton,

Regretfully, Parallax is disabled on mobile and it would require custom development to achieve what you need. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at [email protected] if this is of interest to you.

Thank you for your understanding.