Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 29, 2020 at 10:56 am #1256650
    ariane1001

    Hi support,
    I created a photo gallery using the gallery element with settings: Big image with 6 columns of thumbs below. It looks fine but on some portfolio pages the first thumb of the second row is empty. This occurs only on Chrome and works fine on Firefox. I tried a lot with lazy loading on/off, resizing al thumbs etc. etc. but no luck. The client is really upset about it so it would be great if you could have a look what can be the problem here.
    Url’s:

    McLaren MP4 12C Spider 2012

    Aston Martin Vanquish V12 2003

    or later today when the website is live:
    https://www.noutclassiccars.nl/car/mclaren-mp4-12c-spider-2012/
    https://www.noutclassiccars.nl/car/aston-martin-vanquish-v12-2003/

    Thank you for your help.
    Ariane

    November 3, 2020 at 3:39 am #1257838
    Ismael

    Hey ariane1001,

    Thank you for the inquiry.

    The first item in the second row gets filled when we resize the browser. Unfortunately, we are not yet sure why it is empty in the first place, but the following script should help. Please add it in the functions.php file.

    add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		$(window).trigger('debouncedresize resize');
	}, 1000);
	
	$(window).load(function () {	
		setTimeout(function() {
			clearInterval(int);
		}, 5000);
	});
})(jQuery);
</script>
<?php
}

    This should emulate a resize event and hopefully force the item to reposition while the page is loading.

    Best regards,
    Ismael

    November 4, 2020 at 11:25 am #1258198
    ariane1001

    Hi Ismael,
    Thanks for the script, I placed it in functions.php but no difference…
    Resizing the page just makes the white spots bigger but when I hit f12 / Inspection white spots disappear.
    Maybe this helps?
    Thanks again,
    Ariane

    November 4, 2020 at 11:01 pm #1258471
    ariane1001

    Hi Ismael,
    I just like to show you what happens when I resize the browser, white spots even get worse
    https://photos.app.goo.gl/bPtS25xQsQPP3o5V7
    https://photos.app.goo.gl/WqgA1oXWgKqufpM56

    Thanks for your help!
    Ariane

    November 9, 2020 at 2:04 am #1259147
    Ismael

    Hi,

    Thank you for the info.

    Did you purge the cache or remove the browser history before checking the page? Please post the login details in the private field so that we could check the issue further.

    Best regards,
    Ismael

    November 12, 2020 at 10:29 am #1260065
    ariane1001

    Hi Ismael,

    Thanks for your reply, I did purge the cache and removed the browser history, but still there.

    In private content a Temporary Login.

    Thanks again,
    Best regards,
    Ariane

    November 16, 2020 at 2:36 am #1260613
    Ismael

    Hi,

    Sorry for the late response. To fix the issue on Chrome, we used this css code in the Quick CSS field to set the display of the parent container to flex.

    
.avia-gallery-thumb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    Please do a hard refresh before checking the page, or use incognito mode.

    Best regards,
    Ismael

    November 16, 2020 at 9:42 am #1260653
    ariane1001

    Hi Ismael,
    This works, thanks!
    Will the problem have a fix in a future update of Enfold?
    Regards,
    Ariane

    November 17, 2020 at 1:25 am #1260865
    Jordan Shannon

    Hi,

    Yes the devs try their best to address to most widely reported and known issues in future updates.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.