price in list view for mobile

[John Paul]

I would like the price displayed on Mobile. It seems wierd that it is not shown given the amount of mobile traffic.

Looking at the CSS you have a line of code
@media only screen and (max-width:768px) {
.tribe-events-list .tribe-events-event-cost span {
display:none;
}
}
when using chrome inspector I can change this to display: in-line and the price shows up perfectly.
However when I add the code to my CSS file in my child theme, I cannot see any results from this. Please advice where I am going wrong here please. thanks. Here is the code I have trying to work

@media only screen and (max-width:768px) {
#tribe-events .tribe-events-list .tribe-events-event-cost span {
display:in-line !important;
}
}

[Victor]

Hi John!

Thanks for taking your time to report this.

I could reproduce this myself and it seems there was no intention for the cost to be hidden. I will create a bug report and link it to this thread so we’ll let you know when fixed in one of our next maintenance releases.

In the meantime, try using the following CSS snippet:

@media only screen and (max-width:768px) {
.tribe-events-list .tribe-events-event-cost {
display:flex !important;
}
}

Let me know if it works for you.

Thanks,
Victor

[John Paul]

this code worked fine

thank you!

[Victor]

Hi John!

Glad to know it worked. We’ll keep you posted about this issue.

Thanks for following up.

Best,
Victor

[Victor]

Hi John,

Just wanted to let you know that the issue described in this topic is no longer valid with current versions of our plugins.

We apologize for the delay in getting back to you, but we wanted to make sure you were notified about this.

Please update the plugins and don’t hesitate to open a new topic if anything comes up

Best,
Victor

[Author]

Posts