Essential Grid - Hover glitch

[Pbalazs89]

Hi there,

I have a site at https://kemenydio.ethermedia.hu/
At the bottom of the page, I am using Essential Grid - in the settings, I added zoom to the media animation. However, there is no ease-out effect added, so it looks like it is glitching.

After doing some searching, I came across this:

Zoom Entire Grid Item on Hover - ThemePunch

Adding this to my specific skin (Washington) kind of fixes the issue, but introduces as another. The whole cover grows, not only the image inside of it. Could you help in fixing that only the image grows, the wrapper does not?

Thanks!

[tristup]

Hi @Pbalazs89,

Thanks for reaching out.
It will be very difficult to recognize the reason behind it without investigating the setting you have made. I would suggest you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[Pbalazs89]

Thanks. Secure note added.

This would be the goal:

Portfolio | UCO | Marketing Agency

[tristup]

Hi @Pbalazs89,

I have checked the Essential Grid and found that the Animation Speed is working fine in the Grid Editor, whereas the Start Animation delay is not working in the frontend. There might be some different reasons behind your issue, I would like to suggest troubleshooting the following common issue to help us to recognize the reason.

1.Theme Related Issue
2.Plugin Conflict
3.Theme Update related issue
4.Child Theme Related issue
5.CSS/JS Customization
6.Disabling Cache
7.Disabling CDN

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If none of the above help, please copy your live site to a staging server so we could troubleshoot freely without breaking your live site.
And give us access in the secure note including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[Pbalazs89]

Hi there,

1. Plugins all disabled
2. Custom CSS commented out
3. No cache enabled
4. No CDN enabled

Essential Grid is just flickering, no animation is working atm. No error in the console.
Secure note added to last reply.
Website is a staging site, so feel free to try around.

Thanks!

[tristup]

Hi @Pbalazs89,

I have investigated it further and found that the Animation delay has been set to the Skin you have chosen. I went ahead and set it to the 0 and now the animation is working smoothly as you are expecting.

Thanks

[Pbalazs89]

Hi there,

That did indeed fix it with the Plugins turned off. However, unfortunately, it turns out that this is indeed a Plugin issue.

Having Essential Grid and Revolution Slider on at the same time causes it. Any idea as to how to fix it?
If you turn off rev slider the effect will play as normal.

[tristup]

Hi @Pbalazs89,

It seems that the Include libraries globally option is enabled in the Slider Revolution. I would suggest you disable the option, so it won’t conflict with Essential Grid.

Hope it helps.
Thanks

[Pbalazs89]

Thanks for having a look!

Turned it off. Unfortunately, it is still happening.

Any other suggestions?

Thanks again!

[tristup]

Hi @Pbalazs89,

It could be a cache issue, I would suggest you check once by clearing all types of cache including the Style Cache from Cornerstone > Settings > System > Clear Style Cache and check in the incognito/private mode of the browser.

Hope it helps.
Thanks

[Pbalazs89]

Checked, unfortunately no change noticed. It did not fix it.

[Pbalazs89]

Hi there,

I managed to add it by adding this code to the global css: .esg-entry-media {transition-duration:1}
It’s a workaround, but at least it works.

[tristup]

Hi @Pbalazs89,

Glad that you are able to figure it out.

Thanks