Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 8, 2022 at 11:05 pm #1371829
    ASMarketing123

    Hi, have built a new site, with this page that contains the standard Portfolio Grid: https://airsocial.co.uk/our-work/ – On mobile phones when you scroll up and down the page, the items seem to re-animate and/or aren’t positioned within the container correctly, even without using the filters at the top. This is very frustrating to use and not good user experience. How do I turn the animation off and ensure that items are always arranged correctly one below the other, not off-screen please? I’m happy for there to be no re-sort animation of any kind if that makes it easier to fix. This is an urgent request, thank you.

    November 9, 2022 at 6:00 am #1371857
    Ismael

    Hey ASMarketing123,

    Thank you for the inquiry.

    We cannot reproduce the issue on a browser device emulation. The grid items do not reanimate and stay fixed when scrolling up or down.

    Would you mind providing a screenshot or a short clip of the issue? Please use imgur, savvyify or dropbox for the media file.

    Best regards,
    Ismael

    November 9, 2022 at 11:43 am #1371883
    ASMarketing123

    Hi,
    As you say, it doesn’t happen when on a computer/browser emulation device, it only happens on an actual phone; we’ve tested with various iOS and Android phones and get the same issue across them all.
    I have two videos and a screenshot for you – please see link in private content.
    Thanks for you quick response.
    Cheers, TIm

    November 10, 2022 at 7:45 am #1372016
    Ismael

    Hi,

    Thank you for the videos and screenshots.

    We are not yet sure why the items in your page reanimate on scroll but it might have something to do with the isotope script, which handles the portfolio grid’s layout and filters. Please try edit the enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.js and remove the following code around line 66.

    
			// update columnWidth on window resize
			$(window).on( 'debouncedresize', function()
			{
			  	applyIso();
			});

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings, and do a hard refresh before testing the page.

    Best regards,
    Ismael

    November 10, 2022 at 2:05 pm #1372068
    ASMarketing123

    Thank you – that has sorted the problem, excellent support. Will you look into this further for Theme updates? Best wishes, Tim

    November 10, 2022 at 7:27 pm #1372114
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Portfolio Grid refreshing strangely on mobile’ is closed to new replies.