List View Image Not Clickable in Mobile View

[Dan Feeley]

When we are viewing a “mobile version” of the list view, depending on how long the excerpt is the image isn’t clickable. I’m guessing it may be a z-index thing. Not sure if it is a bug or theme related but I wanted to make sure it wasn’t just us and found the same issue on a couple of other Event Calendar sites:

http://www.sockeyebrew.com/events/list/
http://www.bikemaine.org/events/list

I linked a picture to show what I am talking about (if it makes sense). You can see where the clickable spot stops at the same height as the excerpt. http://goo.gl/gmtnV5

I also tried it with the Twenty Fifteen theme with the same results.

[Barry]

Hi @danfeeley,

Sorry to see you’ve hit up against some difficulties – I can certainly see what you mean and will make a note for us to look at this in more detail.

In the meantime you could try adding this CSS to a custom tribe-events/tribe-events.css stylesheet within your theme:

@media screen and (max-width: 768px) {
    .tribe-events-list-event-description { clear: left }
}

It’s possible this would also work as an extension to your existing theme’s stylesheet, but I’d recommend the “official approach” of a tribe-events.css file described above 🙂

Does that help in the interim?

[Dan Feeley]

Yes, that should work. Thank You.

I was doing this:

@media screen and (max-width: 768px) {
.tribe-events-list-event-description { z-index: -1 }
}

Would that work as well or will it break something else?

[Barry]

Hmm, you could try it and see – depending on other CSS added by your theme, etc, it may be that isn’t sufficient by itself if you prefer a z-index based solution.

Best way to find out is to experiment – and you can always fall back on my suggestion 🙂

[Dan Feeley]

Will do. Thank you Barry.

[Barry]

My pleasure 🙂

[Leah]

Hi there,

I wanted to report back to you on the status of this issue. Your report is tracked in our internal system and a fix is on our to-do list, but we were not able to fit it into our upcoming 3.12 release. Please know that the issue is still very much on our radar and we will be working on it for a future release. We appreciate your patience while we work to improve our plugins. Thank you for using The Events Calendar!

Best,
Leah
and The Events Calendar team

[Author]

Posts