Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1081162
    JvP
    Participant

    Hello,

    Parallax effects currently don’t work on mobile devices. Could you add an option to enable parallax effects on mobile devices in a future update?

    #1081199
    Lely
    Moderator

    Hello There,

    Thanks for posting in.
    Due to issues with parallax on mobile, it’s disabled on purpose. It’s only attached to windows scroll and not on touch scroll. See this detailed explanation from our developer:

    Essentially, we disable parallax on mobile (read: touch devices) for multiple reasons (performance, sometimes images can distort, et cetera). Unfortunately, there is no certain way to detect a touchscreen. We can use the presence of touch events to determine the device is likely mobile (as this is where touch really took off), but there’s really no way to distinguish between an iPhone, Android tablet, or a hybrid Windows machine. Because of this, our decision across the board at this time is to say if the device supports touch events at all, we turn off parallax scrolling because it is a real necessity on actual mobile devices, and it’s a reasonable fallback for desktops with touch support. Hopefully down the road there will be some more sophisticated APIs or ways of picking up hybrid devices vs mobile, but as for right now this is the best path we can take forward on this particular setup.

    Hope this helps.

    #1081419
    JvP
    Participant

    Okay, sounds right.

    So no manual override for us stubborn folk who want parallax on every device regardless? 🙂

    #1081450
    Darshana
    Moderator

    Hi there,

    Yes, currently that has been disable on purpose as mentioned above. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

    Thanks for understanding.
    Take care!

  • <script> jQuery(function($){ $("#no-reply-1081162 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>