timeline not displaying correctly

Hi Sideways,

When I loaded the page – first time things loaded fine. What browser are you viewing things in when you get that?

I tried Chrome and Firefox.

Thanks,
Evan

I checked it on both, and on Explorer too. Other people told me they display it the same way.
Moreover, if I browse the site after loading the timeline page and I go back to that one, the timeline completely disappears, and the only way to show it again is to refresh it.
Thx
Davide

I’ve tried to install and use the plugin on another site, and it seems to work perfectly there. So I guess it is a theme issue. Do you have any clue or should I ask the theme developer?

It’s possible it’s a theme issue. I checked on your site but I can’t reproduce it no matter what theme I’m using. It could be a CSS or js conflict with the theme, but the timeline lods and displays so it most likely isn’t. Strange that switching themes gets it working on your end.

Evan

No idea… thanks anyway!
Davide

Hi!

Ran into what I think is the same problem. I had the problem almost all the time using Microsoft Edge, and once in a while using Chrome.

While inspecting the code, I noticed that the masonry class wasn’t added to the timeline block. Theme/priority loading issue..? Anyway, I copied this from the Timeline JS file into my theme JS file, loaded after all the rest, and it’s working now!

jQuery( document ).ready(function() {
var $masonryContainer = jQuery( ‘.timeline-express’ );
$masonryContainer.imagesLoaded( function() {
$masonryContainer.masonry({ itemSelector : ‘.cd-timeline-block’, });
jQuery( ‘.timeline-express’ ).fadeTo( ‘fast’ , 1 );
});
});

Hope this can help someone.