Essential Grid inside of Tabs Element not working

Hello! I’m trying to create an essential grid inside of a tabs element to highlight different kinds of materials used; however, the essential grid that isn’t shown (non-selected tab) seems to take forever to load (if it loads at all). Is there a way to fix this?

Here’s a link to the page in question: https://wordpress-305663-1015401.cloudwaysapps.com/finishes-materials/

Hello @RinardMedia,

Unfortunately, the structure that you are trying to achieve is not recommended. Adding an element that uses javascript/jquery to display its content is not recommended to be added inside a tab element. Like essential grid, the grid, slider, etc. The reason behind this, is because by default, other tab elements are hidden on page load. Then this element like essential grid, for its display, it needs to calculate, the container width and height to process display. Since tab element is hidden, calculation of essential grid is having issues.

This might be possible with customization only. You might need to consult a developer to achieve this. Thank you for understanding.

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