Disable Ess. Grid animation on mobile (Show all content w/o animating it)

Is there a setting somewhere that allows me to disable the complex animations on mobile, so they don’t have to ‘tap’ to see the title and content and whatnot? Or do I have to manually configure it in the CSS? Thanks!

The test page to highlight what I’m talking about: https://washingtonpineapple.com/home/

Hi @jrhager84,

Thanks for reaching out.

I’m afraid it’s not possible, it’s a built-in feature of Essential Grid. You may check this as well https://www.themepunch.com/essgrid-doc/grid-item-animation-options/. I tried with CSS and it’s complex, maybe doable but with complex customization.

How about having two grids, one with animation and one without. Then simply hide each grid from devices it’s not intended to be displayed. You can do that by utilizing the HIDE DURING BREAKPOINTS option.

Apply that to the section or row where the essential grid is added.

And you can also create a simple skin for grid meant for mobile. Please check this https://www.themepunch.com/essgrid-doc/item-skin-editor/

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.