I've made a simple landing page for a friend, and while the parallax feature looks great on desktop, it resizes (zooms way in) the image on the mobile version and it looks really bad. When it first pulls up, the image looks like the correct size, but once I try to scroll on my phone, it zooms in the image and seems to have a slight parallax effect.
There are two separate sections that have a background image on the canvas with the "Alternative Parallaxed Background Image" effect. I was thinking that I could just disable the parallax on the mobile version only, but I haven't had success in figuring it out.
Ideally, on the mobile site, I would like the background images to fit the full height of the screen instead of zoomed in so much.
Here is the site for reference: www.sweetnectarkirtan.com
The parallax and hero sections are jumping to the top of the template in PL5 See here http://screencast.com/t/TLajih8MEM6
No matter what I do, clear browser cache, whatever. The Parallax with the embeddded Hero section will ot stay on the bottom of the page above the footer.
Help, please. This started happening at the worst possible time, when I was in a client meeting walking here through the site that is already LATE.