Essential Grid page shifts on load

[garyjobshops]

When I load any page with an Essential Grid on it the whole page does a strange page shift after it loads. Is there a way to prevent this page shift? Is this normal? I’m looking at demos on the Theme Punch Essential grid website and none of the demos or do that.

[nabeel]

Hi @garyjobshops,

Thank you for reaching out to us. You seem to have quite a few licenses registered on your account so I am not sure which website is in question. Can you please share the URL of the page in question so we can take a look? In the mean time please check for the following first:

1. Ensure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.

2. If you’re using a caching plugin, clear all caches including browser cache then deactivate your caching plugin and other optimization plugins.

3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

4. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

5. Remove custom CSS, JavaScript and deactivate your child theme and switch to parent theme (take a complete backup first).

6. Contact your host to increase your allocated memory or do it yourself by adding this code in your wp-config.php (please see https://theme.co/apex/forum/t/troubleshooting-increasing-php-memory-limit/16935)

define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_MAX_MEMORY_LIMIT', '512M' );

Let us know how this goes!

[garyjobshops]

It’s all of the websites, if you click photos on the top navigation you can see what I’m talking about. I put an exact link below for you just in case (hidden from public). Once you click the page, the page shift happens, also when you click any photo, when lightbox pops up, it happens again.

1. Everything is up to date according to the version compatibility link you posted.
2. I disabled the caching plugin and tested it… but the page is still shifting.
3. We are not using a CDN.
4. I’ve tried disabling all plugins and the problem still exists.
5. I backed up the entire site and removed custom css and javascript and switched to parent theme. Page shift still happens.
6. Increased Memory Limit according to your instructions.

I wonder if this is happening on other websites that are using Xtheme and Essential Grid. We also had a couple websites on another host and the same thing happened there.

Summary

https://www.alziebler.com/photos/

[paul.r]

Hi,

I checked and can see that your theme is not the latest version.

Please update your theme to the latest version - X 6.4.6
Then check if that resolves the issue.

https://theme.co/changelog/

Remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Thanks

[garyjobshops]

Ok, the site is now updated to X 6.4.6 now. I purged all caches too. This has been happening ever since we started using Xtheme a long time ago. Now one a couple of our clients are asking why the page shifts and wants it fixed.

I’ve tried every X stack and a variety of things, nothing seems to fix it. Does any other users have this problem with Essential Grid???

[ruenel]

Hello @garyjobshops,

Could you please clarify where the page shift? Is it from left to right or top to bottom? All we noticed is that when the page is loading, the grid is loading as well. And when the page and grid fully loads, the grid items fills up the screen and the page moves adjusting the height of the page. If you could just send us a video of what do you see, maybe we can have an idea of what it is that you are referring to.

Thank you in advance.