‘Parallax’ effect doesn’t work in mobile. Please advise.

This topic has 4 replies, 2 voices, and was last updated 4 months ago ago by Luca Rossi

  • Avatar: Sweet D
    Sweet D
    Participant
    January 21, 2024 at 20:36

    I have a page on my website called ‘info’. It uses the template from your theme called ‘Parallax Presentation’. It works fine on a computer, and I have created a part to the page specifically for mobile. But for some reason the ‘Parallax’ effect doesn’t work in mobile. Please advise.

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    January 22, 2024 at 09:04

    Dear Sweet D,

    We hope this message finds you well.

    We would like to inform you that the parallax feature is intentionally disabled on mobile devices within the XStore theme. This is a deliberate design choice and not a malfunction of the theme.

    The parallax scrolling effect is achieved by setting the background image position to “fixed” (background-attachment: fixed). At present, this effect is fully supported only by the Mozilla Firefox browser.

    On touch devices using browsers other than Mozilla Firefox, the parallax effect is overridden to ensure compatibility. Consequently, users will observe a static image in place of the dynamic parallax effect.

    The majority of mobile browsers do not support parallax scrolling due to issues related to responsiveness and performance concerns on mobile devices.

    However, we have provided a workaround using custom CSS code. Please be aware that this custom CSS solution will not function on iOS devices. The following custom CSS has been added for your convenience under Page Settings > Advanced > Custom CSS:

    
    @media only screen and (max-width: 768px) { 
        .elementor-widget-wrap.elementor-element-populated.lazyloaded {
            background-attachment: fixed !important;
        }
    }
    

    Should you have any further questions or require additional assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Avatar: Sweet D
    Sweet D
    Participant
    January 22, 2024 at 19:51

    Ok that’s great. Are we able to do the same to allow the pc layout to work on tablets as well?

    Avatar: Justin
    Luca Rossi
    Support staff
    January 23, 2024 at 05:53

    Hi @Sweet D,

    We’ve changed the custom CSS codes to this:

    @media only screen and (max-width: 768px) { 
        .elementor-widget-wrap.elementor-element-populated.lazyloaded {
            background-attachment: fixed !important;
        }
    }

    Now it’s working on tablets also. Please double check again.

    Best regards,
    The 8Theme Team

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.