Ticket section responsiveness on mobile

[Justin]

I can’t seem to make the ticket section on the single-event page responsive on mobile devices. The scaling is poor and overlaps. Any help?

[Justin]

This reply is private.

[Geoff B.]

Good evening Justin and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the tickets not displaying to your liking on mobile devices.
I would love to help you with this topic.

This will come down to a matter of personal preference, but here are 4 rules to play around with (mainly the width of each):

@media and (max-width: 600px) {
table.tribe-events-tickets tr .woocommerce {
width: 100%;
}

table.tribe-events-tickets tr .tickets_name {
width: 100%;
}

table.tribe-events-tickets tr .tickets_price {
width: 100%;
}

table.tribe-events-tickets tr .tickets_description {
width: 100%;
}
}

Let me know if that helps.

Have a great day!

Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts