Portfolio Listing does not show grid items, .grid-container height is set to 0

Hi, I hope this email finds you well.

I would greatly appreciate your help. On my event listing page, the .grid-container height is set to 0 automatically. I have followed the example demo-car-listing.html, but I do not know why this is happening.

A similar thing is happening in my event.html page, which comes when you click on an event in Index.html

Please note that event lists are getting populated dynamically using Ajax, and there is no issue at the back end.

Please refer to the attached image and URL.

Kind Regards
Zakaria

Hi, I am looking forward to your response on this. I haven't found any solution yet.

Regards
Zakaria

Hi, I found on the internet that someone advised using the option "resizeContainer: false" in the initialisation function of Isotope. I tried that in the functions.bundle.js, and the portfolio items show, but the filter does not work.

Please look into this and help me get the filter working.

About what I tried, I added /custom add/.

if( element.hasClass('portfolio') || element.hasClass('post-timeline') ){
elGrid = element.filter(':not(.has-init-isotope)').isotope({
layoutMode: elLayoutMode,
isOriginLeft: elOriginLeft,
transitionDuration: elTransition,
stagger: Number( elStagger ),
percentPosition: true,
resizeContainer: false, /custom add/
masonry: {
columnWidth: element.find( elBase )[0]
}
});
} else {
elGrid = element.filter(':not(.has-init-isotope)').isotope({
layoutMode: elLayoutMode,
isOriginLeft: elOriginLeft,
transitionDuration: elTransition,
stagger: Number( elStagger ),
percentPosition: true,
resizeContainer: false /custom add/
});
}