Tagged: chrome, Firefox, portfolio grid
-
AuthorPosts
-
February 16, 2019 at 2:18 pm #1067702
Hi!
I have a portfolio grid which is showing portfolio items overlapped and with the footer enlarged and sitting over the top of the lower items. This happens with Chrome and Firefox, but apparently not with IE and Edge. With Chrome, hitting F5 sometimes fixes the problem, but that doesn’t seem to work with Firefox.
Linking to 2 images – first shows the problem and second shows proper display of the page. I didn’t change anything to get the second (working) display – just hit F5 a couple of times and then the page displayed correctly. Any ideas? Thanks!
edit: Not seeing the screenshot here. The link is: https://imgur.com/a/TGkwOLh
Enfold: 4.5.2
Wordpress: 5.0.3- This topic was modified 5 years, 7 months ago by tomlemes.
February 19, 2019 at 9:59 pm #1069126Hey tomlemes,
We noticed that issue to others also.
We have asked our developers and we will come back to see where the issue is located.Best regards,
BasilisMarch 14, 2019 at 7:55 pm #1078832Hi Basilis – thanks for your response. Good to know it’s a genuine issue. Any news on when this might be looked at? I use these portfolio grids quite a bit and it looks pretty nasty when half the items are overlapping. Thanks again!
March 18, 2019 at 4:38 pm #1079962Hi,
We are working on fixes all the time, so most probably should be on the next updated version
Best regards,
BasilisMay 27, 2019 at 2:56 pm #1104523Hi again – I’m just looping back to see if we can get some kind of an ETA on the resolution to this issue. I appreciate you guys have a lot of fixes and development threads, but it’s been almost 3 months now and it looks like several new versions have been released since this issue was raised. Can someone confirm that this issue has been logged and scheduled for fixing? I’ve just upgraded to Version 4.5.7 and the problem is still there.
I use the portfolio grid extensively in my website and this really doesn’t look good – telling customers to hit F5 to fix the display issue :( Thanks a lot for reading – if you have some kind of workaround you can suggest then I’d be delighted to hear it, but getting it fixed properly would be wonderful.
- This reply was modified 5 years, 4 months ago by tomlemes.
May 31, 2019 at 7:20 pm #1105818Hi,
This should have fixed on our latest version – have you updated to this one?
Best regards,
BasilisJune 1, 2019 at 1:08 am #1105891June 5, 2019 at 3:21 pm #1107632Hi,
Thank you for the update.
How did you add the sharing section below the portfolio grid? Could you disable that for a while?
The following script usually fix this issue with the portfolio grid, but it doesn’t work in your installation. We added it in the functions.php.
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize(){ ?> <script> (function($){ var int = window.setInterval(function(){ console.log('tick'); $(window).trigger('resize'); $(window).trigger('av-content-el-height-changed'); }, 1000); $(window).on('load', function() { setTimeout(clearInterval(int), 5000); }); })(jQuery); </script> <?php }
Best regards,
IsmaelJune 7, 2019 at 6:10 pm #1108297Hi Ismael,
Thanks for your message. I’ve removed the sharing section below the portfolio grid (it was coming in with JetPack > Sharing). I can see the script in functions.php, but as you say, this doesn’t seem to be fixing the problem for me. Now that the sharing section in the footer is gone, can you suggest a next step? Thanks :)
June 10, 2019 at 12:59 pm #1108810Hi,
Thanks for the update.
We adjusted the following line a bit and it seem to have fixed the issue. Please don’t forget to delete the cache prior to checking the page.
$(window).trigger('debouncedresize');
Best regards,
IsmaelJune 11, 2019 at 1:23 am #1108956Hi Ismael! That’s fixed it! :) Thanks so much for your help with this – now I can remove the “Please hit F5 if you experience display issues” label!
Thanks again!
June 11, 2019 at 3:48 am #1108972 -
AuthorPosts
- The topic ‘Portfolio grid display issue with Chrome and Firefox’ is closed to new replies.