Okay
  Public Ticket #3075472
Mobile scroll
Closed

Comments

  • goncalomiller started the conversation

    Hi.

    When I try to scroll a page when I'm on mobile, the scroll starts but suddenly the page gets back to the beginning over and over again.

    You can check the problem on the below url

    www.moleiro.pt/portfolio/vila-monte

    Thank you and I look forward to get feedback.

    Gonçalo Miller

  •  933
    Neuron replied

    Hi,

    Can you please provide me with your wp-admin, I will have a quick look to see what's going on.

    Feel free to ask for anything you need.

    Kind Regards


  •   goncalomiller replied privately
  •  933
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    I've just added the following code at Elementor Site Settings > Custom CSS, and now the issue is gone.

    @media (max-width: 1279px) {
        .l-neuron-grid__item {
            position: relative !important;
            left: 0 !important;
            top: 0 !important;
        }
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • Cleverlake replied

    Hello, same problem here.

    That CSS solution works, however only if you are using only 1 column in mobile. For more columns (2 or more) animations during scroll are missing... Also masonry brokes with that "position:relative;"

    The "scroll jump" happens with MASONRY and METRO layouts from elementor

    I guess the issue is located inside Neuron builder core JS. With mobiles, if you scroll a bit down the browser jump to top again. That happens also if you scroll down and then scroll up slowly.

    Can we in any way disable neuron mobile animations? There is a parameter inside main div that could be causing these problems with scroll in mobile.

    data-settings='{"layout":"masonry","neuron_animations_mobile":"h-neuron-animation--slideUp","neuron_animations_duration_mobile":"animated","columns":"3","columns_tablet":"2","columns_mobile":"2","carousel":"no","row_gap":

    We need a solution, if masonry and metro galleries fails on mobile the theme is not working for more than 80% of site traffic. Bad user experience bring less conversions....

    Hope you could answer soon, thanks and regards.

  •  933
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    Can you please create a new ticket, and provide us with the login credentials, so we can take a look at your site?

    Feel free to ask for anything you need.

    Kind Regards


  • Cleverlake replied

    Hello there,

    I found the file that causes that scroll problems, here you have, perhaps could help to global fix.

    Inside Neuron Builder plugin folder, this path:
    /wp-content/plugins/neuron-builder-1.0.6.0/assets/js/elements.js

    That file is using DESTROY call with masonry. That's the origin of scroll issues. Modified the inner portions that used key:"Destroy" using instead  "appended" fix the problem.

    Sample, check -- key:"destroy"

    elementorFrontend.elements.$window.on("scroll",this.checkScroll)}},{key:"destroy",value:function(){elementorFrontend.elements.$window.off("scroll",this.checkScroll)}}])


    Tested with masonry layouts and all is working as expected in mobile browsers withouth unexpected scroll jumps. Also without CSS fix.

    Is recommended to fix this file from original devs sources becouse next update will overwrite this temp fix.

    Thanks and best regards,

  •  933
    Neuron replied

    Hi,

    Thanks a lot for sharing it, we'll look forward to implementing this in the future update of the Neuron Builder plugin.

    Feel free to aks for anything you need.

    Kind Regards