Unstable Display Behavior!!

I love the design as it is one of the more unique concepts. However, the real installation does not have the same outcome as the demo.

My first problem encountered was to get the homepage widgets to behave like what we see on the demo site. The demo site had posts with images. So I created a few posts with featured images. It appeared but the height of widget was truncated so you see only a portion of the image and content.

Finally I decided to remove all the contents from the homepage widgets and re-add just one item eg Avenue Recent Articles (posts) and this time it worked! The images and content display well. But after a few refresh, the problem happened again. So I had to remove and re-add, then it solves it. Tried adding another homepage widget (there are 3 altogether – top, middle and bottom) and it worked for once and then after some page refresh, BAM, back to the same problem – contents are truncated!

Using Chrome, I turned on the Inspect Element and compared the demo to the real thing – they are different codes it seem. The real thing displays codes of the posts and sets the height at 30 when the problem happens. The demo site doesnt even show the height of the posts – it is only the div that is showing and it is stable despite refreshing.

When my install is working, the affected line shows this:
<div class=”col-sm-3″ style=”height: 263px;”>

After a refresh, when the problem happens, the very same line changes to this:
<div class=”col-sm-3″ style=”height: 30px;”>

And the problem is quite easily replicated. Each time I access the page from fresh eg type into browser the url, it works. Press F5, BAM, the truncation sets in.

Hope they are concerned enough to advise.