Fixed image scroll on mobile version

• 

  autumnjoi02 · Member · Feb 21, 2018 at 2:53 pm

  • Copy link
  • Add topic to favorites

  I want the background images on the mobile site to be fixed; I don’t want the background to scroll with the page. On the desktop the background stays fixed but the remaining text and images on the page move over the fixed background to give a 3D look (Parallax?). On the mobile device it does not. The background on the mobile device moves or scrolls with the page. I want the desktop website to be the same on the mobile device. How do I do this?

  The blog I need help with is: (visible only to logged in users)

• 

  stefbarz · Member · Feb 21, 2018 at 3:11 pm

  • Copy link

  Hi there!

  This is a Staff member reply about this:

  The CSS code (fixed background-attachment property) that gives you that effect on desktop browsers has only spotty support on mobile browsers, as you can see here:

  https://caniuse.com/#feat=background-attachment

  

  Hopefully the mobile browsers will one day get better, but this is the situation at the moment.

  Here you can read the entire thread.

  Hope this helps!