Parallax Scrolling on Mobile Devices

[walter]

hi there,
one question concerning parallax Scrolling on mobile phone or ipad,
because now, for example when my parallax area with an Image as a Background is height 300px, then on the mobile phone it´s not height 300px but for example height 600 px because the Image is this size when it´s resized to the mobile Screen,
and it´s not parallax Scrolling on both

best regards

[walter]

and when I try to give the parallax area an extra class Name, the site can´t be open, Server error

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us your website url?

-Rui

[walter]

hi there,
sorry right now still working localhost,
but when you watch your demo http://dante.swiftideas.net/parallax-page-demo/ and resize the browser window to mobile size, then you will notice, that parallax Scrolling isn´t available anymore and that the Images are much higher than in normal Desktop mode where parallax Scrolling is possible
best regards

[Mohammad – SUPPORT]

Hi,
Please check your with tool and let me know your feedback.
Thanks
Mohammad

[walter]

hi there,
which tool do you mean?
But you can watch it on your demo page too, I tried every browser, but when resizing the window, if smaller then ~ 1024 px, parallax Scrolling is gone – only the normal Image then? in responsive.css are some css tags, but is there a simple Option to enable parallax Scrolling on mobile devices? best regards
best regards

[walter]

… or how could I give the element Image a mobile visibility, so that the Image element or parallax element isn´t shown on certain devices?
I can only enter the shortcode in a normal text block, but there I can´t insert an animated Image or sth like this…
in short: mobile visibilty for elements of the Swift page builder

[Swift Ideas – Ed]

Hi @walter

Unfortunately parallax scrolling is not support on mobile devices – it’s not the theme, but the devices don’t support the functionality because of being touch.

In terms of hiding the asset on certain devices, you can use the bootstrap classes found here, simply add them to the extra class box in the asset: http://getbootstrap.com/css/#responsive-utilities

Hope that helps.

– Ed