-
AuthorPosts
-
November 6, 2017 at 1:31 pm #873044
Hi,
I’ve got an odd behaviour with a home page using Enfold.
I have a 2/3 1/3 grid for a top element that contains an easy slider in column 1 and buttons with a cell background in column two.
Whenever the page loads, the grid seems to stretch to full height before contracting to the layout we want.
We’ve tried to figure out what’s causing it and tried lots of different options but nothing seems to work.
Any idea what causes it?
Thanks
Phil
November 7, 2017 at 7:34 pm #873868Hey philthebass,
If oyu remove your cache, that will be shorted and fixed !:)
Best regards,
BasilisNovember 8, 2017 at 10:35 am #874093Thanks Basilis. Do you mean browser cache or the WP Rocket cache?
RegardsNovember 9, 2017 at 6:45 am #874448Hi,
Please try clearing both local and server cache. If that doesn’t work then please post admin login details in private so that we can have a closer look.
Best regards,
RikardNovember 10, 2017 at 11:16 am #875103Hi Rikard,
I’ve cleared both and tried on different browsers and devices and it’s the same on all. It’s baffling me.
Will set up a login for you.
Thanks
Phil
November 12, 2017 at 12:04 pm #875708Hi Phil,
In what browsers do you experience this behavior and on what OS?
Best regards,
VictoriaNovember 12, 2017 at 12:08 pm #875709Hi Victoria,
Mac: Chrome, Safari, Firefox
W10: Edge and ChromeThanks
Phil
November 14, 2017 at 6:36 am #876453Hi,
Thank you for the info. Please try this script 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('resize'); }, 2000); $(window).load(function () { setTimeout(function() { clearInterval(int); }, 2000); }); })(jQuery); </script> <?php }
Don’t forget to remove the browser cache to refresh the scripts and stylesheets.
Best regards,
IsmaelNovember 14, 2017 at 8:48 am #876496Hi Ismael,
I added the script to the child functions.php and cleared both the browser and WP Rocket caches and it still does the same thing. I’m baffled.
Thanks
Phil
November 16, 2017 at 4:07 am #877332Hi,
Thank you for the update.
The easy slider inside the first cell doesn’t have a “height” property on initial load. The script is a bit delayed. Please try this code in the Quick CSS field.
@media only screen and (min-width: 768px) { #home-top-head .avia-slideshow-inner { min-height: 583px !important; } }
Best regards,
IsmaelNovember 16, 2017 at 12:00 pm #877457Hi Ismael,
I’ve added that and it’s still doing it. Strange.
Regards
Phil
November 17, 2017 at 6:15 am #877946Hi,
The stylesheets are cached. I deactivate the WP Rocket plugin temporarily. Please remove browser cache or hard refresh before checking the page again.
Best regards,
IsmaelNovember 18, 2017 at 2:51 pm #878570Thanks Ismael.
Which CCS should I exclude from caching with WP Rocket?
Regards
Phil
November 21, 2017 at 3:18 am #879459Hi,
You don’t have to exclude anything. I just deactivated the plugin to refresh the stylesheets.
Best regards,
IsmaelNovember 21, 2017 at 9:46 am #879582Hi Ismael,
The trouble is, if I re-enable WP Rocket, the issue returns, so should I consider excluding CSS from caching so I can use the other WP Rocket features?
Thanks
Phil
November 22, 2017 at 5:26 am #880044Hi,
We excluded the “/wp-content/uploads/dynamic_avia/enfold.css” file from the minification.
Best regards,
IsmaelJanuary 4, 2018 at 11:18 am #893192Hi Ismael,
That strange resizing behaviour is still happening.
I just can’t figure out what’s going on with it.
Thanks
Phil
January 5, 2018 at 10:02 am #893632Hi,
Please replace the css modification with the following css code.
@media only screen and (min-width: 768px) { #home-top-head .avia-slideshow-inner { min-height: 583px !important; max-height: 583px !important; } }
Best regards,
IsmaelfJanuary 5, 2018 at 11:22 am #893679Hey Ismael,
That did the trick :-)
Thanks as always.
Regards
Phil
January 6, 2018 at 7:51 am #893980 -
AuthorPosts
- You must be logged in to reply to this topic.