Inconsistent columns in photo view

[Curtis]

I’ve been experiencing a strange behavior in Photo View, and I’m curious if anyone might be able to shed some light on it. I realize that you use Isotope Script to render the 3-column format for this view, but for some reason when you first open up the calendar at the …/events/photo URL, you only get one column (though when the page first loads, there are 3, but then they immediately resolve to just 1). But as soon as I search for a category, like “retreats” (see the attached photo), the results appear properly in multi-column format. I’ve been scratching my head over this all night. In the end I might simply remove the Photo View option, unfortunately. But I figure there’s got to be an obvious cause here — perhaps theme related?

Thanks for any help you can provide, as always!
http://shivashakti.tinymainehomestead.com/events/photo/

Yours,
Curtis

[Geoff B.]

Good evening Curtis and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the photo view not behaving as expected.
I would love to help you with this topic.

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

With that in mind, if you can, it would be awesome to temporarily revert back to a default WordPress theme such as twenty-sixteen to see if the issue persists (with a maintenance page plugin active). That would allow you to find out if this is theme related.

I also took a look at the HTML of your page and I believe the issue stems from the fact that each element on your page is being assigned an absolute position and a fixed top value.

The following CSS seems to help, but it’s more of a hack than a full solution:

#tribe-events-photo-events .type-tribe_events.tribe-events-photo-event {
position: relative !important;
top: 0px !important;
}
If you can, I would also recommend trying the following: https://theeventscalendar.com/knowledgebase/change-photo-view-to-equal-height-grid/

Hang in there as we try to figure this one out.

Best regards,

Geoff B.

[Curtis]

This reply is private.

[Curtis]

Sorry, Geoff, about not including the System Info in the first message. I just posted it above. And thanks so much for taking the time to look over my problem. The hack you gave me worked, and I’m not opposed to running with it for now — I’m afraid I’ve already employed a few others like it!

And thank you for the reference link about grid view. That looks good, and might be what I ultimately decide on doing if I can get it working. I’ll try that later today.

Unless my system info provides any other insights or you have new leads, I suggest we can go ahead and close this thread. Once more, thanks for all the help!

Curtis

[Geoff B.]

Good evening Curtis,

Thank you for writing back.
I am glad the hack works for now!

As stated earlier, it looks like there is some type of conflict at play.
This is usually because of:

1. A conflict with another plugin
2. A conflict with your WordPress theme
3. A template customization for the Events Calendar that requires updating

A first quick test is to simply temporarily revert back to a default WordPress theme such as twenty-sixteen to see if the issue persists.

The next step would be to go through our testing for conflicts procedure (preferably in a staging/dev environment or local install of your WordPress website) and let us know what you find out.

Basically the goal here is to revert back to a bare WordPress installation to see if the problem persists. It also allows us to pinpoint what the cause of the issue is.

But, before you do that, there are 2 things I would advise:

1. Make a backup of your database
2. Consider activating a “Maintenance Page” plugin if you are doing this on your live site (to minimize impact on your visitors)

With that in mind, based on the system information you have sent me, my toppotential candidates for  conflicts are:

1. The theme
2. The Karma builder plugin
3. The Event Calendar Shortcode Pro (third-party)

I realize this is a bit time consuming, but it might totally be worth your while.

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great weekend!

Geoff B.

[Author]

Posts