Tabs doesn't show content except for the first one

Hi,

I’ve added a VC shortcode (Post Masonry Grid) in some tabs in my website (is under construction) but the content is shown only in the first one. If I try to switch tab the content doesn’t appear.

How can I fix this?

Hi there,

You can not use the Javascript dependent elements inside tabs or accordions.

In general, there are elements that depend on Javascript calculation to determine their height. Such element will not show correctly in tabs or accordions that are hidden on the first load, as browser thinks that the height is 0.

That is why you do not see the Masonry element in tabs which are initially hidden. Now if you resize your browser you will see that Masonry grid will appear again as the resize of the browser window forces grid to recalculate the height.

Kindly use simple elements inside tabs and accordions such as text and images.

Thank you for your understanding.