

So I just ended up buying a theme and using the luminous built-in parallax. A lot of Javascript stuff which scared low-effort me. Parallax scrolling sets visuals in motion and evokes a feeling of space, making for more exciting user experiences. I think there's some way to add these mobile-friendly true parallax things to your site without having to buy a theme but I couldn't figure it out, it was too complicated for me.
#PARALLAX EFFECT MOBILE ANDROID#
I personally bought the "apollo" theme from luminous themes and it has a parallax page type which lets you add parallax sections, and they work on mobile devices (it works on my iphone, haven't tested it on android but they say it works across all devices). I have tried this in a couple of mobile browsers safari, chrome and firefox and it happens in all. However, third party theme developers often use a different parallax tech in their themes which lets it work very nicely on mobile. On a desktop they work fine, but on a mobile phone, there is a weird effect where the parallax image either disappears and just a white background is shown or the picture flickers in and out as you scroll. I wish weebly by default had this version of parallax.

Looks very nice and adds an illusion of depth). This creates the illusion that the content moves in front of the backdrop image, giving your site depth. It's actually not even "true" parallax (true parallax is where the background scrolls with the foreground, but at a slower pace. A parallax effect means that the background image on a website is either frozen in place or scrolls slower than the rest of the page’s contents. The default Weebly parallax feature does not work on mobile because they just simply use position:fixed to achieve the effect (which doesn't work on any mobile device as far as I'm concerned). Fernando Cohen AugLinks demo and code download Made with HTML / CSS (SCSS) About a code Disney Wall Parallax.
